Question

2018-03-17

3257

javascript laravel-5 webpack vue.js

我在 app.js 中定义vue.js实例：

447482843

，并使用Laravel的默认WebPack脚本：

454065454

VUE在显示组件时正确加载正确，并且VUE开发人员插件正在显示适当的数据。

，但是在开发人员控制台和脚本中，页面 vm 未定义。
例如，在页面上加载Vue Component

739187301

我如何访问VUE实例？我想设置其数据属性之一。

Answer 1

为了具有灵活性并以任何名称导入，您可以使用默认导出。

在 app.js 中：

export default new Vue({
    el: '#app',
    data: {
        page: 'welcome'
    }
});

在 其他 .js 文件中：

import whateverName from './app';

当然，根据文件所在的位置调整 ./app 。

Answer 2

我能够使用

export {
  vm
};

require('./main');

并在 main.js

import {vm} from './app';

Marshall Davis

2018-03-17