vue.js列表输出v-for

来源:互联网 发布:excel修复软件 编辑:程序博客网 时间:2024/05/17 04:01

(1)html代码:

<div id="app">         <ul>        <li v-for="todo in todos">          {{ todo.text }}        </li>      </ul>    </div>

(2)js代码:
 <script>    new Vue({        el:'#app',        data: {            todos: [              { text: 'Learn JavaScript' },              { text: 'Learn Vue.js' },              { text: 'Build Something Awesome' }            ]        }    });    </script>

(3)效果展示:


0 0