Question

我正在尝试Vue，并希望通过使用budo（browserify + watchify）的常规设置开发一个节点应用程序。 ./index.html：

    <div id="app">
      {{ message }}
    </div>
<!-- ===================== JavaScript Files Below This Line =============== -->
    <script src="index.js"></script>

和./src/js/main.js

const Vue = require('vue');

const app = new Vue({
    el: '#app',
    data: {
      message: 'Hello Vue!'
    }
  });

  module.exports = app;

与./index.js

// js includes
require('./src/js/main');

我在页面上看不到该消息。我在控制台中看到将main.js插入其中的index.js。当我将Vue CDN与index.html中的vue代码一起使用时，可以正常工作。我希望有人可以阐明在捆绑w / browserify时如何使用CommonJS模块将vue代码导入其应用程序。预先感谢...

Answer 1

如此处Vue.js not rendering所述，您需要将此添加到您的 package.json文件：

 "browser": {
    "vue": "vue/dist/vue.common.js"
  }

使用浏览器和CommonJS表达Vue依赖关系

1 个答案: