一、v-model
1.1表单绑定v-model
- radio
- checkbox
- select
1.2修饰符
- lazy
- number
- trim
二、组件化开发
2.1全局组件和局部组件
- 全局组件:Vue.component
- 局部组件:注册的组件挂载在某个实例中
2.2父组件和子组件
2.3模板的分离写法
- template
2.4组件数据的存放
组件对象也有data、methods,data属性必须是一个函数,而且这个函数返回一个对象,对象内部保存着数据
为什么data在组件中必须是一个函数呢?
首先,如果不是一个函数,Vue直接就会报错。
其次,原因是在于Vue让每个组件对象都返回一个新的对象,因为如果是同一个对象的,组件在多次使用后会相互影响。
2.5父子组件的通信
-
父传子:props
-
子传父:$emit()