Vue js - 组件可用的源代码

Question

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

let source = {
    selectedTalent: 0,
};


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

我希望源在我的导航组件中可用。我总是得到一个未定义的错误。

我如何让它工作。我必须通过道具吗？我虽然这将在全球范围内可用 'source'

我的组件是这样导入的，因为我使用的是 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 */

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

Vue js - source available to component