javascript - Vue js - 组件可用的源

Question

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

let source = {
    selectedTalent: 0,
};


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

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

我该如何让它发挥作用。我必须作为 Prop 通过吗？我认为这将作为“源”在全局范围内提供

我的组件是这样导入的，因为我使用的是自定义 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，因为您似乎没有在其中使用它。