我想使用嵌套的单文件组件,但不起作用。
这是我的
这是我的
main.js
文件:import Vue from 'vue'
import BootstrapVue from "bootstrap-vue"
import App from './App.vue'
import "bootstrap/dist/css/bootstrap.min.css"
import "bootstrap-vue/dist/bootstrap-vue.css"
Vue.use(BootstrapVue);
new Vue({
el: '#app',
template: '<App/>',
components: { App }
})
这是我的
App.vue
文件:<template>
<div>
<menu/>
<span>This text works</span>
</div>
</template>
<script>
import menu from "./components/menu.vue";
export default {
components: {
"menu": menu
}
}
</script>
这是我的menu.vue
文件:
<template>
<p>nothing show</p>
</template>
<script>
export default {
}
</script>
我的App.vue
模板中的内容被渲染,但菜单模板中的内容未被渲染。
提示:没有错误抛出。