Vue js - 可用于组件的源

Question

我在我的主app.js文件中创建了一个源代码

let source = {
    selectedTalent: 0,
};


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

我希望源可以在我的导航组件中使用。我离开得到一个未定义的错误。

我如何让它发挥作用。我必须作为道具通过吗？我虽然这可以作为＆＃39; source＆＃39;

在全球范围内使用

我正在使用webpack

导入我的组件

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

这是我从文档中的示例中看到的唯一区别。

Answer 1

您应该正确导出和导入source对象，否则其范围在app.js脚本中。那个范围几乎就是Webpack所做的。

示例：

source.js

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

navigation.component.js

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

/* your code for the component here */

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