Javascript/vue/helloworld - 変更履歴

Admin: /* サンプル */

2018-04-13T08:45:57Z

‎サンプル

2018-04-13T08:43:20Z

‎サンプル

2018-04-13T08:35:16Z

2018-04-13T08:34:57Z

‎サンプル

2018-04-13T08:34:44Z

2018-04-13T08:34:26Z

‎サンプル

2018-04-13T08:33:45Z

2018-04-13T08:33:28Z

2018-04-13T08:32:52Z

2018-04-13T08:32:40Z

@@ 行19: / 行19: @@
        <p><span v-text="text1"></span></p>
      </div>
-     <script src="helloworld.js"></script>
+     <script src="helloworld.js?1234"></script>
    </body>
 </html>

@@ 行16: / 行16: @@
    <body>
      <div id="column1">
-       <p>{{text}}</p>
+       <p>{{text1}}</p>
-       <p><span v-text="text"></span></p>
+       <p><span v-text="text1"></span></p>
      </div>
      <script src="helloworld.js"></script>
@@ 行25: / 行25: @@
 <nowiki>
-{{text}} or <span v-text="text"></span>
+{{text1}} or <span v-text="text1"></span>
 </nowiki>
 で表示する
@@ 行34: / 行34: @@
    el: '#column1',
    data: {
-     text: 'ほげほげ'
+     text1: 'ほげほげ'
+   }
 });
 </pre>

@@ 行7: / 行7: @@
 ==サンプル==
 helloworld.html
- <pre>
+<pre>
 <!DOCTYPE html>
 <html lang="ja">
@@ 行24: / 行24: @@
 </pre>
-<pre>
+<nowiki>
 {{text}} or <span v-text="text"></span>
-</pre>
+</nowiki>
 で表示する
 helloworld.js
- <pre>
+<pre>
 new Vue({
    el: '#column1',

@@ 行24: / 行24: @@
 </pre>
- <pre>
+<pre>
 {{text}} or <span v-text="text"></span>
 </pre>

@@ 行24: / 行24: @@
 </pre>
-{{text}} or <span v-text="text"></span> で表示する
+ <pre>
 helloworld.js

@@ 行1: / 行1: @@
-## vueのscriptロード
+==vueのscriptロード==
 本番用
   <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
@@ 行5: / 行5: @@
   <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.min.js"></script>
-## サンプル
+==サンプル==
 helloworld.html
   <pre>

←前の版		2018年4月13日 (金) 08:33時点における版
行1:		行1:
		+	## vueのscriptロード
		+	本番用
		+	<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
		+	デバッグ用
		+	<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.min.js"></script>
		+
		+	## サンプル
	helloworld.html		helloworld.html
	<pre>		<pre>