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

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

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

　　

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

　　修改方法：app.message = 新值

 

2、指令

v-bind 绑定

v-if 条件

v-for 举例

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

　　

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,再之前经手的项目中，我又多次的代入使用，发现方便的确很方便。

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

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