一、计算属性
1.1计算属性的本质
- fullname: {set(),get()}
1.2计算属性和methods对比
- 计算属性在多次使用，只会调用一次
- 它是由缓存的
二、事件监听
2.1事件监听基本使用
2.2参数问题
- btnClick 不传参数时，省略小括号
- btnClick(event) DOM里的方法小括号省略，定义方法时加了参数，默认传递event对象
- btnClick(abc,event)->前面加了参数，后面用$event获取event对象
2.3修饰符
- stop
- prevent
- enter
- once
- native
三、条件判断
3.1. v-if/v-else-if/v-else
3.2 登录小案例
3.3.v-show
四、循环遍历
4.1. 遍历数组
4.2. 遍历对象
- value
- value,key
- value,key,index
4.3数组哪些方法是响应式的
五、书籍案例
六、v-model的使用
6.1.v-model的基本使用
- v-model=>v-bind:value ,v-on:input
6.2.v-model和radio/checkbox/select
6.3.修饰符
- lazy
- number
- trim
七、组件化开发
7.1.认识组件化
7.2组件的基本使用
7.3全剧组件和局部组件
7.4父组件和子组件
7.5注册的语法唐
7.6模板分离写法
7.7数据的存放
- 子组件不能直接访问父组件
- 子组件有自己的data，而且它必须是一个函数
- 为什么子组件的data必须是函数
7.8父子组件的通信
- 父传子：props
- 子传父：$emit
7.9项目
-
npm install
-
npm run serve