Vuej.s：如何将变量传递给组件属性

Question

如何将变量传递给Vue.js中的组件（不通过props）？有可能吗？

这里app.js：

import PlayingField from '../app/components/PlayingField'
import GameConfig from '../../gameConfig'

new Vue({
    el: '#app',
    components: {
        playingfield: PlayingField,
    },
    data: {
        gameConfig: GameConfig
    }
});

在游戏配置中为json，并且有键'maxUniqueCards'，这个值我要在组件playingField中使用。。。在模板中没有，但是在下一次使用它的属性中...（生成纸牌，订购...。仅用于在playField组件方法中的用法...）

Answer 1

我认为在这种情况下，您将像已经完成的那样导入它。

然后在mounted()中，您可以从配置中分配JSON对象（假设您要在配置中返回对象值）到数据属性，因此：

data: {
    gameConfig: null
}

然后，

mounted() {
 this.gameConfig = GameConfig
}

希望对您有帮助。