componemt注册组件
template设置组件的内容部分
两个参数:组件名,组件配置信息。 注意:组件名第二个及后面的字母不能写大写
自定义模块有两种方法,一种是全局组件,另一种是局部组件
第一种:全局组件,写在vue外
在创建的所有vue实例对象的控制范围内部都可以使用,并且,new Vue创建的对象配置信息属性除了el组件不能使用外,其他组件都可以使用
方法:
Vue.component("组件名",{
template:`组件配置信息`,
data:function(){
return{
数据源
}
}
})
第二种:局部组件,可以在vue实例中注册局部组件,这样组件只能在这个实例对象控制的范围内使用,这叫做自定义局部组件
方法:
var arrA = {
template:`<div v-text = "msg">内容</div>`,
data:function(){
return{
msg:""
}
}
}
components:{
<!-- 当组件名和配置信息一样时可以写一个'abc':abc,可以写成abc, -->
'组件名':arrA(配置信息)
}
