vue中的自定义模块


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

  

 

 

 

 

 

 

 

 

 

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM