javascript - 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';

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

score 1 · Accepted Answer

您应该正确导出和导入该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因为你似乎没有在那里使用它。

1 回答 1