为vuejs组件加载多个部分

时间:2015-10-30 15:47:20

标签: javascript mvvm vue.js

如果通过browserify和require()加载/使用组件文件,是否可以从该组件的文件中加载vuejs组件的部分内容?

我有一个使用通用组件的视图......但是显示该组件的方式特定于这一个视图(系统中所有'用户'的列表)。

user.js的:

module.exports = {
    template: '<partial name="users-view-user"></partial>',
}

用户-view.js:

module.exports = {
    template: require('users.template.html'),

    components: {
        'user': require('../components/user')
    }
}

1 个答案:

答案 0 :(得分:0)

./components/user.js:

module.exports = {
    template: '<partial name="users-view-user"></partial>',

    partials: {
        'users-view-user': 'boom'
    }
}

./users-view.js:

module.exports = {
    template: require('users.template.html'),

    components: {
        'user': require('../components/user')
    }
}

我也被告知有一种方法可以将部分用作变量,因此user.js的模板可能类似于<partial name="{{ something-here }}"></partial>,这就是我的方式。实际上最终需要使用它。哈文还没弄明白。