- vue是一套用于构建用户界面的渐进式框架，采用自底向上的增量设计。可以先用自己想要的部分，然后慢慢加第三方库。而不像react之类的要求全套引入才能使用其一。
- 注意，实例的数据和实例data的数据是同步的，除非data对象被Object.freeze(obj)冻结则不再更新视图。但只有创建实例的时候绑定的data数据才是响应式的，后续新增的数据vue检测不到不会发生视图变化。所以可能用到的数据要在data里面初始化为空。vue中有些默认属性以$开头，如
vm.$data === data。
- 生命周期：beforeCreated之前没data；created之后拿到vue实例和this，不过还没拿到dom；mounted之后可以获取dom节点。
-
{{msg}}可以绑定一次值，之后数据改变显示不会更改，注意会影响该节点下所有数据。使用:disabled的值下，绑定值会被转为布尔。正常没有冒号则会转为字符串。
- 插值可以为表达式，不过只能为一个（三元和计算都可以，如果复杂计算尽量用computed属性）。该表达式是在沙盒环境运行的，只能访问Date、Math等白名单，不能访问用户自定义的全局变量。
- 计算属性有缓存，只有相关响应式依赖（绑定的数据，Date.now()不算）发生改变时才会计算，否则返回原值，大量计算的时候效率高。而函数则每次都执行。而监听属性常用于做一些异步操作，对于赋值计算最好用computed好过watch。计算属性还可以设置setter和getter方法。
- 绑定类：
- 绑定样式：
- 条件渲染：v-if、v-else-if、v-else（后两个必须跟在v-if或v-else-if后面）。如果隐藏多个组件可以用包裹分组，相比div其不会渲染。但切换的时候对于相同标签会进行复用，只改变内部值，比如下面label只改变值，若不想复用可以加个不同的key。比如例子如果input没加则只改变placeholder。
- v-show只是改变display，注意他不接受v-else和template。v-if只有等到真才渲染，且在切换的过程中各种监听器和子组件会被销毁重建，切换开销大，适合在运行条件很少改变的时候用。而v-show第一次就渲染，只是显示与否，初始渲染开销大，适合频繁切换的时候用。
- v-for：
- 数组更新检测：变异方法（即会改变原数组）
push、pop、shift、unshift、splice、reverse、sort会检测到改变；非变异方法如filter、slice、concat会返回新数组，即使如此由于复用原则的存在渲染仍旧是高效的。但对于vm.items[indexOfItem] = newValue和vm.items.length = newLength确实监听不到变化的，则无法触发渲染变更。可以改为Vue.set(vm.items, indexOfItem, newValue)、vm.$set(vm.items, indexOfItem, newValue)、vm.items.splice(indexOfItem, 1, newValue)和vm.items.splice(newLength)。
- 对象更新检测：对象的属性添加和删除无法被监听，对象的修改可以。所以
Vue.set(vm.userProfile, 'age', 27)或者别名vm.$set(vm.userProfile, 'age', 27)来对对象做增删操作。对于多个属性的赋值，可用Object.assign或_.extend()，但应该直接进行替换而不是直接操作。
// 错误写法
Object.assign(vm.userProfile, {
age: 27,
favoriteColor: 'Vue Green'
})
// 正确写法
vm.userProfile = Object.assign({}, vm.userProfile, {
age: 27,
favoriteColor: 'Vue Green'
})
