Vue自定义组件

一、第一个例子

在src/components下面新建一个文件夹放我们要写的插件

                                               

children.js里面写index.vue的install方法，并用Vue.component注册组件，代码如下：

 接下来我们要在默认的main.js里将刚刚写的children.js文件导入，并通过Vue.use来使用它，代码如下:

 

然后就可以在每个组件中使用了

 

 一、第二个例子

局部自定义组件

	new Vue({
		el:"#wrap",
		components:{
			"customSelect":{
				template:`
				

					
我是组件wrap标题
					
						上海
						北京
						月球
						金星
						hello
						world
						how are you
					
				
				`	
			}
		}
	})

在div中写：

即可。