Javascript Vue.js组件白色屏幕

我的简单演示组件中有一个白色屏幕，我不知道我的代码出了什么问题

仪表板.vue

<template>
  <div id="app">
    <h1>{{ msg }}</h1>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'Hello'
    }
  }
}
</script>

---

只是白屏，DOM中不存在组件。Vue2.X

将其放在您的main.js中，您的中没有渲染功能：

import Vue from "vue";
import Dashboard from "./components/Dashboard.vue";

Vue.config.productionTip = false;

new Vue({
  render: h => h(Dashboard)
}).$mount("#app");

---

main.js中没有渲染功能。请注意，

id=“app”

对渲染器不起作用。由于Vue仍然需要呈现divAdd

模板：“

”到main.js中传递的对象

import Vue from "vue";
import Dashboard from "./components/Dashboard.vue";

Vue.config.productionTip = false;

new Vue({
  render: h => h(Dashboard)
}).$mount("#app");