一、计算属性
1.1计算属性的本质
- fullname:{set(),get()}
1.2计算属性和methods对比
- 计算属性使用时只会调用一次
- 它是有缓存的
二、事件监听
2.1事件监听的基本使用
2.2参数问题
- btnClick
- btnClick(event)
- btnClick(abc,event)->$event
2.3修饰符
- stop
- prevent
- .enter
- .once
- .native
三、条件判断
3.1v-if/v-else-if/v-else
3.2登录小案例
3.3.v-show
- v-show和v-if的区别
四、循环遍历
4.1遍历数组
4.2遍历对象
- value
- value,key
- value,key,index
4.3数组哪些方法是响应式的
4.4作业完成
五、书籍案例
六、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模板的分类写法
- scirpt
- template
7.7 数据的存放
- 子组件不能直接访问父组件
- 子组件中有自己的data,而且必须是个函数
- 为什么必须是一个函数
7.8 父子组件的通信
- 父传子:props
- 子传父:$emit
7.9 项目
- npm install
- npm run serve