问题-使用vue脚手架时在App.vue添加组件

通常使用组件,都是在components目录下创建组件,并在views中进行导入,App.vue设置标签<router-view></router-view>占位符,之后通过route的路由设置,来调整页面显示哪个组件;

如果想在App中使用组件,如在App.vue中使用comp组件,则:

<template>
  <div id="app">
    <v-comp/>
    <router-view/>
  </div>
</template>
<style>
</style>
<script>
import navs from './components/comp.vue'
export default {
  components: {
    'v-comp': comp
}
</script>

这样就可以了。

 

posted @ 2020-09-17 20:27  _Miao  阅读(1079)  评论(0编辑  收藏  举报