javascript - 为 vuejs 组件加载多个部分

标签 javascript mvvm vue.js

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

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

用户.js:

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

用户 View .js:

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

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

最佳答案

./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>这就是我最终需要使用它的方式。还没想明白这个问题。

关于javascript - 为 vuejs 组件加载多个部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33439871/

相关文章:

javascript - 使用 AJAX POST 请求发送自定义 HTTP 正文

android - ContentProvider 放置在android clean architecture中

javascript - Vue js点击获取html5属性

azure - 如何通过 Azure 静态 Web 应用模拟器 (swa) 使用 Vue.js 应用程序的 VS Code JS 调试器?

vue.js - 多个观察者相同的功能 vue.js

javascript - 随机横幅/ slider

JavaScript 没有检测到数组中的 indexOf -1

c# - 使用 Caliburn 的 TextboxHelper.ButtonCommand 绑定(bind)

c# - MVVM 中的事件处理

javascript - 如果图像有 guids 作为名称,jqZoom 不起作用