Vuejs单文件组件未在页面中呈现
Vuejs单文件组件未在页面中呈现
提问于 2021-08-25 12:32:06
浏览器没有错误，Webpack编译成功，但是页面上没有显示"hello from dashboard“。
我使用的是Vue v2.6
main.js
import Vue from 'vue'
Vue.component('dashboard', require('@comp/dashboard.vue').default);
const app = require('@/App.vue').default; // this app component works fine
import "./css/app.css"
new Vue({
render: h => h(app) // this app component works fine
}).$mount('#app')dashboard.vue
<template>
<div>
Hello from dashboard
</div>
</template>
<script>
export default {
name: "dashboard"
}
</script>index.html
<body>
<div id="app">
<dashboard></dashboard>
</div>
</body>这是从浏览器呈现的HTML，但是没有"hello from dashboard“:(
<body>
<div id="app">
<dashboard></dashboard>
</div>
</body>回答 2
Stack Overflow用户
发布于 2021-08-25 12:48:46
您在div id = "app“中挂载了根文件" App.vue”，因此需要将“仪表板”添加到App.vue中才能查看其内容。
// App.vue
<template>
<dashboard />
</template>
<script>
export default {};
</script>
<style scoped></style>在此代码中，您已全局连接了一个组件，该组件将在App.vue或其他子组件中可用
Vue.component('dashboard', require('@comp/dashboard.vue').default);Stack Overflow用户
发布于 2021-08-25 12:47:31
我假设这是您缺少的路径，所以我在comp之前添加了一个/。因为你说过App.vue是有效的。
Vue.component('dashboard', require('@/comp/dashboard.vue').default);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68923023
复制相关文章
相似问题
腾讯云开发者
