vue2.x学习笔记

• 一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。

• 所有的 Vue 组件都是 Vue 实例，并且接受相同的选项对象 (一些根实例特有的选项除外)。

• 指令：职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM

• 以下是某些vue和angular指令的对比：
  指令带有前缀 v-，以表示它们是 Vue 提供的特殊 attribute。

v-bind:title=    |     [title]=
v-if=            |     *ngIf=
v-show           |     [hidden]=
v-for=           |     *ngFor=
v-on:click=      |     (click)=
v-model=         |     [(ngModel)]=

更多API详见https://cn.vuejs.org/v2/api/

• 双向绑定：只有当实例被创建时就已经存在于 data 中的 property 才是响应式的。
• 生命周期：生命周期钩子的 this 上下文指向调用它的 Vue 实例。
• 插值： 数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值；Mustache 语法不能作用在 HTML attribute 上，遇到这种情况应该使用 v-bind 指令。
• v-bind:缩写:，v-on:缩写@，v-slot: 替换为字符 #。
• 计算属性computed和侦听属性watch：当数据需要随着其它数据变动而变动时，computed 更有用；当需要在数据变化时执行异步或开销较大的操作时，watch更有用。
• 不推荐同时使用 v-if 和 v-for。当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级。