javascript - 从 Vue.js 开始，什么都没有显示

Question

我正在尝试开始使用 vue.js 并在设置它时遇到问题。在我的 package.json 中，我安装了最新版本"vue": "^2.6.14",，在我的main.js文件夹中，我像这样包含

import Vue from "vue";
var app = new Vue({
    el: '#app',
    data: {
      message: 'Hello Vue!'
    }
  })

在我的 html 文件中我添加了这个：

<div id="app">
  {{ message }}
</div>

当 webpack 编译时，它会创建这个main.js 文件，但 {{ message }} 不会更改为 Hello Vue!。我在这里做错了什么，这不起作用？

开发工具中也没有显示错误。

标签： javascriptvue.jsvuejs2

Answer 1

尝试

import Vue from "vue";
var app = new Vue({
    el: '#app',
    data () {
      return {
        message: "Hello Vue!"
      }
    }
  }).$mount('#app');

这将解决您的问题