Question

我对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>

我的问题是，当我添加菜单标题组件时，我的页面给了我错误：

无法设置未定义的属性“ render”

但是，如果我不这样做，它将正常运行。请解释原因，并帮助我解决。非常感谢。

Answer 1

您似乎没有从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>

无法设置未定义的属性“ render”

1 个答案: