vue-子组件创建注册使用流程
vue-⼦组件创建注册使⽤流程流程分为三步
⾮单⽂件组件:(实际不⽤，因为很⿇烦，框架都是单⽂件组件)
局部注册
1.创建⼀个组件
const school = d({
// 传⼊配置对象
// ⼦组件配置对象不要写el，根据vm引⼊作⽤到对应区域
//  data属性需要写成函数
template:``,
  name:'school',
data(){
好听的钢琴伴奏曲>教师人生格言大全
return {
// 返回需要的data对象，因为data函数返回值是⼀个新的拷贝,⽽data对象是共同引⽤
母亲节几号几月几号}
}
})
2.注册该组件
// 在vm实例的配置对象中加⼊components属性
new Vue({
components:{
School:school,
Student:student
/
/ 最好是直接简写
school,
}
})
3.在需要的模板中使⽤组件标签
注册后就可以复⽤这些组件
// 标签名就是组件名
<School></School>
注意事项:
(1)全局注册的⽅法
//调⽤component⽅法
Vueponent('hello',hello)
参数为组件标签名，组件名
(2)组件标签名的命名规范
⽅法1:
//单个单词,⾸字母⼤写
<School>
//多个单词，多单词⾸字母⼤写
<MySchool>
⽅法2:
我只爱你一个人
//全⼩写
<school>
/
/全⼩写 - 间隔
<my-school>华山位于哪个省哪个市
(3)组件名在vue开发者⼯具中的识别
在组件配置项中的name属性决定,name没写则选择注册中的组件标签名
奥迪敞篷车
(4)组件标签的简写-⾃闭合
<school/>
//注意必须在脚⼿架下书写
(5)⼦组件创建的简写⽅式
单⽂件组件不写extend()
//直接传⼊配置对象
const school = {
/
/ options 配置对象
}
//在components属性中,vue会判断是否是传⼊配置对象，还是d()处理后的结果，如果是前者会后台调⽤extend()⽅法进⾏处理，所以实际是vue对于程序员编写的⼀种⽅便优化

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。