一、计算属性
1.1.计算属性的本质
- computed:{set(),get()}
1.2.计算属性与 methods 对比
- 计算属性在多次使用时,只会调用一次
- 它是有缓存的
二、事件监听
2.2.参数问题
- btnClick
- btnClick(event)
- btnClick(abc,event)->$event
2.3.修饰符
- stop
- prevent
- once
- self
三、条件判断
3.1.v-if/v-else-if/v-else
3.2.v-show 与 v-if 的区别
四、循环遍历
4.1.遍历数组
4.2.遍历对象
- value
- Value,key
- Value,key,index
4.3.数组方法的响应式
五、v-model 的使用
5.1.v-model
- V-model->v-bind:和 v-on@
5.2.v-model 与 radio/checkbox/select
六、修饰符
6.1.lazy
6.2.number
6.3.trim
七、组件化开发
7.1.组件的基本使用
7.2.全局组件与局部组件
7.3.父组件与子组件
7.4.注册的语法糖
7.5.模板的分离写法
-
script
-
template
7.6.数据的存放
-
子组件不能直接访问父组件的数据
-
子组件中有自己的 data,而且必须是一个函数
7.7.父子组件的通信
-
父传子:props
-
子传父:$emit