Vue基本内容

核心：数据驱动、组件化

优点：借鉴了AngulaJS的模块化开发和React的虚拟Dom，虚拟Dom就是把操作放到内存中执行：

常用的属性：

v-if

v-else-if

v-else

v-for

v-on 绑定事件，简写@

v-model 数据双向绑定

v-bind 给组件绑定参数，简写 :

组件化：

组合组件solt插槽

组件内部绑定事件需要使用到this.$emit(“事件名”，"参数")；

计算属性的特色，缓存计算数据

 

遵循Soc关注度分离原则，Vue是纯粹的视图框架，并不包括，比如Ajax之类的通信功能，为了解决通讯问题，我们需要使用Axios框架做异步通信；

1.判断-循环

1.判断

<div id="app-3">
  <p v-if="seen">现在你看到我了</p>
</div>

var app3 = new Vue({
  el: '#app-3',
  data: {
    seen: true
  }
})

2.循环
<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: '整个牛项目' }
    ]
  }
})