流程分为三步
(1)非单文件组件:(实际不用,因为很麻烦,框架都是多文件组件)
局部注册
1.创建一个组件
const school = Vue.extend({ // 传入配置对象 // 子组件配置对象不要写el,根据vm引入作用到对应区域 // data属性需要写成函数
template:``,
data(){ return { // 返回需要的data对象,因为data函数返回值是一个新的拷贝,而data对象是共同引用 } } })
2.注册该组件
// 在vm实例的配置对象中加入components属性 new Vue({ components:{ School:school, Student:student
// 最好是直接简写
school, } })
3.在需要的模板中使用组件标签
注册后就可以复用这些组件
// 标签名就是组件名 <School></School>
注意:全局注册的方法
//调用component方法 Vue.component('hello',hello) 参数为 组件标签名,组件名