Vue组件化

目录

1、javaScript高阶函数的使用

1.1filter()函数

1.2map()函数

1.3reduce()函数

2、v-model使用

2.1 v-model基本使用​编辑

2.2v-model的原理

2.3v-model结合radio类型使用

2.4v-model结合checkbox类型使用

2.5v-model结合select类型使用

2.6值绑定

2.7v-model修饰符的使用 

3、组件化

3.1 什么是组件化

3.2Vue组件化思想

3.3注册组件的基本步骤​编辑

3.4全局组件和局部组件

3.5父组件和子组件 

3.6注册组件的语法糖写法

3.7组件模板抽离写法

3.8为什么组件data必须是函数

3.8.1组件可以访问Vue实例数据吗

3.8.2组件数据的存放

3.8.3组件中的data为什么是函数

3.9父子组件通信

3.9.1组件通信——父组件向子组件传递数据

3.9.2props数据验证

3.9.3组件通信——父传子（props驼峰标识）

3.9.4组件通信——子传父（自定义事件）

---

1、javaScript高阶函数的使用

1.1filter()函数

1.2map()函数

1.3reduce()函数

2、v-model使用

2.1 v-model基本使用

2.2v-model的原理

2.3v-model结合radio类型使用

radio:单选框

2.4v-model结合checkbox类型使用

2.5v-model结合select类型使用

选择一个

选择多个

2.6值绑定

2.7v-model修饰符的使用 

number

 trim

3、组件化

3.1 什么是组件化

3.2Vue组件化思想

3.3注册组件的基本步骤

注册组件步骤解析：

3.4全局组件和局部组件

3.5父组件和子组件 

3.6注册组件的语法糖写法

3.7组件模板抽离写法

3.8为什么组件data必须是函数

3.8.1组件可以访问Vue实例数据吗

3.8.2组件数据的存放

3.8.3组件中的data为什么是函数

 计数案例的组件化

 

3.9父子组件通信

3.9.1组件通信——父组件向子组件传递数据

3.9.2props数据验证

3.9.3组件通信——父传子（props驼峰标识）

3.9.4组件通信——子传父（自定义事件）