局部组件的创建和使用

学习笔记：vue中局部组件的创建

1.局部组件的创建

// 创建的局部组件只在当前的实例化对象中使用

//局部入口组件的声明,命名最好大写避免冲突
var App = {
	data() {
	// return 一个对象
		return {
	
},
	template:'
		<div>这是一个入口组件</div>
	'
}
}

2.new一个vue的实例对象，在里面挂载这个子组件

new vue ({
	el:"#app",
	data() {
		return{
			
	}
},
//挂载子组件
components:{
	App
},
//挂载后父组件可以直接使用
template: '
	<App />
	'
})