一、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()