组件-使用components定义私有组件
目录:
一、回顾
二、Components私有组件
之前学习的前三种方式,都属于创建全局组件,所谓的全局是代表, mycom3 不仅仅可以被 adv 启用。
<div id=〝app2〞>
<mycom3></mycon3>
var vm =new vue({
el:'#app2'
也可以使用这个组件。此时刷新保存,可以得到以下显示结果:
这是全局的组件。
一、回顾
1.vm属性有:
el:{}
data:{}
Methods:{}
filters:{} ,过滤器
directive:{},指令
components:{}
其中,filters:{} 和 directive:{} 定义组件内部私有的指令,而 components:{} 定义实例内部私有组件
2. 钩子函数:
beforeCreate(){},
created(){},
beforeMount(){},
mounted(){},
beforeUpdate(){},
updated(){},
beforeDestroy(){},
destroyed(){},
二、Components私有组件
例:
var vm =new vue({
el:'#app2',
components:{ //定义实例内部私有组件
login:{
template:’<h1>这是私有的login组件</h1>’
}
}
})
<div id=〝app2〞>
<login></login>
</div>
或
var vm2 =new vue({
el:'#app2',
components:{ //定义实例内部私有组件
login:{
template:'#templ2'
}
}
})
<template id=〝templ2〞>
<h1>这是私有的login组件</h1>
</template>