🐣 12/19　宣言レンダリング　条件分岐とループ　その２
作成日： 2021/12/19
1

■Vue.js にはかなりの数のディレクティブがあり、それぞれ独自に特別な機能を持っています。例えば、v-for ディレクティブを使えばアイテムのリストを配列内のデータを使って表示することができます:

  • {{ todo.text }}
    • -----------------------------

    var app4 = new Vue({
    el: '#app-4',
    data: {
    todos: [
    { text: 'Learn JavaScript' }
    { text: 'Learn Vue' }
    { text: 'Build something awesome' }
    ]
    }
    })

    1.Learn JavaScript
    2.Learn Vue
    3.Build something awesome

    コンソールで app4.todos.push({ text: 'New item' }) と入力してみましょう。リストに新しいアイテムが追加されたはずです。
    藤川しのぶ
    webデザイナーです。 イラストレーターで、楽しくなるような絵を描くのが趣味です。将来は、反響が得られ、結果を出せるフロントエンドエンジニアを目指しております。よろしくお願いします。