Vuecli

Vuecli

一、挂载方式：

> (1)  vue.$mount("#app")
> (2)  const vm = new Vue({
>       		el: "#app", 		
> 			})

二、组件:
（1）、全局组件：在任意挂载点内部都可使用

Vue.component('组件名称',{
		template: '<p>html代码部分</p>'
})

（2）、vue实例对象内部定义局部组件

const vm = new Vue({
	el:"#app",
	components: {
		//Subcom为组件名称
		Subcom: {
			template: '<div>这是一个局部组件</div>'
		}
	}
})

新的组件创建方式：多组件文件

//构造一个组件
注：用extend创建的组件有独立的存储空间：
const com = Vue.extend({
	template: '{{msg}}',
	data() {
		return {
			msg: 'hello world',
		}
	} 
})
//注册组件
全局注册:
Vue.component({com})
局部注册:
const vm = new Vue({
	el:"#app",
	components: {
		com:com,
	}
});
new.Com().$mount("#app")