立即学习:https://edu.csdn.net/course/play/6823/135326?utm_source=blogtoedu
Component组件注册标签(全局/局部)
1、全局化注册标签
<div id="app">
<fad :style="{color:num}"></fad>
</div>
var fadComponent=Vue.component('fad',{
template:`<h2>全局化注册标签</h2>`
})
var app=new Vue({
el:'#app',
data:{
num:'red'
}
})
<fad></fad>是自定义的一个标签,在JavaScript中用Vue.Component全局注册,在HTML中调用。全局化注册组件可以用到多个构造器中。
2、局部化注册组件
<div id="app">
<pop></pop>
</div>
var app=new Vue({
el:'#app',
data:{
num:'red'
},
components:{
"pop":{
template:`<h2 style="color:green;">局部化注册标签</h2>`
}
}
})
局部注册的组件只能在组件注册的作用域里进行使用,其他作用域使用无效。
新手一枚,若有不足,请指教!