开发者学堂课程【Vue.js 入门与实战:组件-使用 components 定义私有组件】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/586/detail/8177
组件-使用 components 定义私有组件
目录:
一、回顾
二、Components 私有组件
之前学习的前三种方式,都属于创建全局组件,所谓的全局是代表, mycom3 不仅仅可以被 adv 启用。
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>