Vue公司JS - 可用组件

Question

源我在我的主要app.js创建一个源文件

let source = { 
    selectedTalent: 0, 
}; 


var vm = new Vue({ 
el: '#app', 
components:{ 
    Navigation:navigation, 

我想要光源在我的导航组件可用。我总是得到一个未定义的错误。

我如何得到这个工作。我必须通过道具吗？不过，我觉得，因为我使用的WebPack

import navigation from './components/nav.vue'; 

这是唯一的区别我可以从文档的例子看，这将是全球可作为“源”

我的组件被导入这个样子。

Answer 1

，你应该导出和导入source对象正确，否则它的范围是app.js脚本中。 范围几乎是Webpack所做的。

例子：

source.js

export default let source = { 
    selectedTalent: 0, 
}; 

​​

import source from '../path/to/source/' 

/* your code for the component here */ 

然后你可能避免在app.js声明source，你似乎没有在那里使用它。