当前位置： 移动技术网 > IT编程>开发语言>JavaScript > vue.js 组件全局，局部注册（十四）

vue.js 组件全局，局部注册（十四）

2020年07月09日  | 移动技术网IT编程  | 我要评论

组件注册：

  1. 全局注册
    全局注册使用 Vue.component 注册，
Vue.component('my-component', {})  //使用短横线命名，除此外还有驼峰法命名MyComponent
  1. 局部注册
    全局注册如组件已不使用了，但是用webpack打包，代码任然会包含在打包资源中，会造成用户下载的js资源的无谓浪费。所以我们可以用局部注册解决此问题：
<div id="app">
	<test></test>
</div>

var vm = new Vue({
	el : "#app",
	data : {
		
	},
	methods:{
		clicknow : function (e) {
			console.log(e);
		}
	},
	components:{  //在vue实例中定义component对象属性，组件是此对象中的一个属性。
		test : {
			template:"<h2>h2...</h2>"
		}
	}
});

本文地址：https://blog.csdn.net/weixin_45967200/article/details/107120576

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网