Vue-使用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>

这样就可以了。

 

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

上一篇:Android开发--带你搭建开发环境


下一篇:docker开源系统监控软件Nagios