首页 文章

未定义vue实例的全局变量

提问于
浏览 次
1

我在_631628中定义了这样的Vue.js实例：

const vm = new Vue({
    el: '#app',
    data: {
        page: 'welcome'
    }
});

并使用Laravel的默认webpack脚本：

mix.js('resources/assets/js/app.js', 'public/js')
  .sass('resources/assets/sass/app.scss', 'public/css');

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

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

<script>
  console.log(vm); // Error: vm is not defined.
</script>

如何访问Vue实例？我想设置一个数据属性 .

javascript laravel-5 webpack vue.js

2 回答

  • 3

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

    在 app.js ：

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

    在 other .js 文件中：

    import whateverName from './app';

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

    回复于
  • 2

    我能够使用

    export {
  vm
};

require('./main');

    并在 main.js

    import {vm} from './app';
    回复于

相关问题