methods: {
},
filters: {
},
directives: {
},
components: { //定义实例内部私有组件
login: {
template: “
这是自定义的login组件
”}
},
beforeCreate() {
},
created() {
},
beforeMount() {
},
mounted() {
},
beforeUpdate() {
},
updated() {
},
beforeDestroy() {
},
destroyed() {
},
});
(1)在new Vue({});中定义私有组件
components: { //定义实例内部私有组件
login: {
template: “#loginDiv”
}
},
(2)在被控制的 #app 外面,使用 template 元素,定义组件的HTML结构
这是自定义的login组件
好啦好啦,我知道啦。
(3)使用组件:还是引用 标签形式 ,引入自己的组件
(4)完整实例:
这是通过 template 元素,在外部定义的组件结构,这个方式,有代码的提示和高亮
Well done!
这是自定义的login组件
好啦好啦,我知道啦。