javascript - Vue.js 组件白屏
问题描述
我的简单演示组件出现白屏,我不知道我的代码有什么问题。
仪表板.vue
<template>
<div id="app">
<h1>{{ msg }}</h1>
</div>
</template>
<script>
export default {
name: 'app',
data () {
return {
msg: 'Hello'
}
}
}
</script>
main.js
import Vue from 'vue'
import Dashboard from './components/Dashboard.vue'
new Vue({
el: '#app',
components : {
Dashboard
}
})
只是白屏,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");
推荐阅读
- angular - AES 加密在前端(Angular)中不起作用
- questdb - Questdb 与 Grafana 8 兼容吗?
- python-3.x - 是否可以选择安装tensorflow的文件?
- python - 需要能够执行多个项目的功能,但它不能工作,为什么?
- authentication - 如何在不使用 url 参数的情况下将数据传输到另一个域?
- javascript - 如何从数组中获取包含相同元素的子数组?
- java - 使用 Node 的 setTextContent 方法防止重新编码 & 符号
- mongoose - Mongoose limit nested array return
- php - 组合框 2 未显示输出中的值 (php)
- r - R - 如何绘制 Openstreetmap 基础层并将其与 ggplot2 中的栅格对象叠加?