Vue2知识点回顾（基础篇）

知识点、图片和代码demo来自《Vue.js实战》

数据驱动dom是vue的核心理念，所以不到万不得已，不要像jquery那样直接操作dom, 开发者的任务就是维护好数据，其他的事情框架来解决。

计算属性的小技巧：计算属性可以依赖其他计算属性；计算属性可以依赖其他实例的数据。计算属性的功能，用普通的方法也可以做到，那么为啥要有计算属性的设计呢，因为计算属性基于缓存，只有它依赖的属性变了才会重新计算，而普通methods只要重新渲染就会执行。节省性能。

使用v-bind绑定class/style: 可以与普通的class/style共存。可以绑定普通对象、数据、计算属性。

在自定义组件上使用:class/class, 则样式类会作用域自定义组件的根元素。如果没有根元素，则样式无效，此时应该使用组件的props来传值。

也可以使用:style绑定内联样式，样式的属性名使用驼峰命名或者kebab-case皆可。

v-cloak: 表示渲染结束后这个dom元素会从页面移除。

vue在渲染元素的时候，会尽量复用之前的元素，所以会出现，v-if/v-else切换之后，之前的输入文字还在这种现象。如果不想要这个效果，需要给元素加一个key的唯一值。

v-show不能在template元素上使用。

methods方法使用@/v-on调用时，可以不加参数，此时默认传入原生的浏览器事件event. 当viewmodel销毁的时候，所有的事件处理器都会销毁。$event提供原生event的引用。

单选、复选和下拉选，可以用v-bind:value来指定选项值。

v-model的修饰符：

.lazy: 将输入框数据同步的时机从input改成change, 即只有失焦或者按了回车键才会更新。

.number: str转数字类型

.trim: 顾名思义