Vue.js自己从官网整理的东东

1、采用简洁的模板语法来声明渲染数据：

?

1 2 3

<div id="app">   {{ message }} </div>

　　

?

1 2 3 4 5 6

var app = new Vue({   el: '#app',   data: {     message: 'Hello Vue!'   } })

　　修改方法：app.message = 新值

 

2、指令

v-bind 绑定

v-if 条件

v-for 举例

?

1 2 3 4 5 6 7

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

　　

?

1 2 3 4 5 6 7 8 9 10

var app4 = new Vue({   el: '#app-4',   data: {     todos: [       { text: '学习 JavaScript' },       { text: '学习 Vue' },       { text: '整个牛项目' }     ]   } })

　　添加方式：在控制台里，输入 app4.todos.push({ text: '新项目' })，你会发现列表中添加了一个新项。

 

------ 先记着这么多,暂时够用目前需求

 

 

现在是2018年了,10月份末..31号 10:31:52

对于Vue,再之前经手的项目中，我又多次的代入使用，发现方便的确很方便。

暂时没有时间做任何经验之谈....

特此记录一下，待日后有空来写写