Q&A
サンプルコードまで書いていただきありがとうございます。
本当に助かりました。
vue.jsのドキュメントを読んで学習中のものです。
https://jp.vuejs.org/v2/guide/list.htmlで
<div> <span v-for="n in 10">{{ n }} </span> </div>
を実行すると1から10まで描写されると思うのですが、
実際は{{n}}で表示されてしまいます。
ご助力のほどよろしくお願い申し上げます。
<!DOCTYPE html> <html> <head> </head> <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script> <div id="example"> <span v-for="n in 10">{{ n }} </span> </div> </body> </html>
回答2件
0
まずはVueインスタンスの作成が必要です。
（ガイドより引用）
https://jp.vuejs.org/v2/guide/instance.html
全ての Vue アプリケーション は、Vue 関数で新しい Vue インスタンスを作成することによって起動されます。
記載のソースコードではVueインスタンスが作成されていないため、Vueが起動していない状態です。
投稿2018/08/03 10:38
総合スコア167
0
ベストアンサー
Vueのインスタンスを作成しましょう！
サンプルを作成しましたのでご確認ください。
動くサンプル
html
1<div id="example"> 2 <span v-for="n in num">{{ n }} </span> 3</div>
javascript
1var example = new Vue({ 2 el: '#example', 3 data: { 4 num: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] 5 } 6})
投稿2018/08/03 11:00
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/03 11:30