vue第二阶段学习回顾

一、计算属性

1.1计算属性的本质

• fullname:

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