• 什么是组件?组件可以理解为可重用的自定义HTML。
  • 可以使用一堆组件来构造大型应用,任意类型的应用界面都可以抽象为一个组件树: 

  • 可以把组件代码按照template、style、script的拆分方式,放置到对应的.vue文件中。
  • 组件预定义选项中最核心的几个:

 模板(template)、初始数据(data)、接受的外部参数(props)、方法(methods)、生命周期钩子函数(lifecycle hooks)。

4.1 基本步骤

使用组件首先需要创建构造器:

var MyComponent = Vue.extend({ // 选项... })

要把这个构造器用作组件,需要用 Vue.component(tag, constructor) 注册 :