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")