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

组件注册：

1. 全局注册
   全局注册使用 Vue.component 注册，

Vue.component('my-component', {})  //使用短横线命名，除此外还有驼峰法命名MyComponent

3. 局部注册
   全局注册如组件已不使用了，但是用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