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(配置信息) }