vue.js - 无法设置未定义的属性“渲染”
问题描述
我遇到了vuejs问题,请帮助我
我有 main.js:
import App from './App.vue'
import routes from './app.router';
Vue.use(BootstrapVue);
new Vue({
el:'#app',
render: h => h(App),
created(){
},
router: routes,
methods:{
}
})
我的文件 App.vue:
<template>
<div id="app" class="">
<menu-header> </menu-header>
<router-view> </router-view>
</div>
</template>
<script>
import menuHeader from './components/layout/menu-header.vue'; // error when i import this component
components:{
menuHeader
}
</script>
这是我的 menu-header.vue:
<template>
<ul>
<li>
Hello
</li>
</ul>
</template>
<script>
export default {
name: "menuHeader"
};
</script>
我的问题是当我添加菜单标题组件时,我的页面给了我错误:
无法设置未定义的属性“渲染”
但如果我不这样做,它会正常运行。请解释原因并帮助我解决它。非常感谢。
解决方案
看起来您没有从App.vue
文件中正确导出 Vue 组件定义:
<template>
<div id="app" class="">
<menu-header> </menu-header>
<router-view> </router-view>
</div>
</template>
<script>
import MenuHeader from './components/layout/menu-header.vue'; // error when I import this component
// Code is missing export
export default {
components: {
MenuHeader
}
}
</script>
推荐阅读
- reactjs - 如何将反应组件作为变量传递给子组件?
- java - 按钮不可点击 + 点击时应用程序崩溃
- python - 如何将熊猫列动态转换为行
- android - 更改 EditText 中表情符号的色调
- python - 如何在python中以这种格式“Sun,2019年9月22日09:18:13 GMT”获取当前GMT时间
- c - 如何使用 malloc 从函数返回 char 数组
- google-cloud-platform - 从 Node.js 云函数创建 Kubernetes 作业
- c++ - 在 C++ 中添加日期,使用类
- javascript - 如何逐行打印Vue对象
- python - 基于颜色比较找到两个区域之间的匹配