vue

１．声明式渲染：基本数据的获取、事件、属性

２．条件与循环：v-if,v-for

３．处理用户输入：v-model（双向绑定）,v-on:click（点击事件）

４．组件化应用构建：

　　１）ftl中自定义组件：todo-item；自定义组件属性：todo、key，并且把值传给子类

　　<div id="app-7">

　　　　<ol>

　　　　　　　<todo-item v-for="item in groceryList" v-bind:todo="item" v-bind:key="item.id" ></todo-item>

　　　　</ol>

　　</div>

　　２）js中定义组件具体内容：

　　Vue.component('todo-item', {

　　　　// todo-item 组件现在接受一个 // "prop"，类似于一个自定义特性。

　　　　// 这个 prop 名为 todo。

　　　　props: ['todo'],

　　　　template: '<li>{{ todo.text }}</li>' })

　　３）ftl的js的数据填充

　　var app7 = new Vue({

　　　　el: '#app-7',

　　　　data: { groceryList: [ { id: 0, text: '蔬菜' }, { id: 1, text: '奶酪' }, { id: 2, text: '随便其它什么人吃的东西' } ] } })