组件

最新推荐文章于 2024-05-31 23:30:00 发布

二狗doggy

最新推荐文章于 2024-05-31 23:30:00 发布

阅读量85

点赞数

分类专栏： Vue.js基础

本文链接：https://blog.csdn.net/weixin_45065272/article/details/102722770

版权

Vue.js基础专栏收录该内容

9 篇文章 0 订阅

订阅专栏

全局组件：

Vue.component('myComponent', {
    template: "<h3>It's a component.</h3>",
    ...
});

局部组件：

var comp = {
    template: "<p>a component</p>",
    ...
}
var vm = new Vue({
    el: '#app',
    ...
    components: {
        'compName': comp
    }
})

组件内的data为一个函数，返回对象：

Vue.component('myComponent', {
    template: "<h3>It's a component.{{msg}}</h3>",
    data: function () {
        return {
            msg: 1
        }
    }
});