Vue组件

1,588 阅读1分钟

一。Vue组件

顾名思义:通俗的将vue的插件就是插入在vue内部的组件,是为项目添加全局功能的方式,插件是vue开发过程中的一些工具,在调用的时候只需要很少的代码就可以实现需要的效果,便于后期维护,提升开发效率,一般用于添加全局的方法等

1.创建一个组件.vue文件

2.在App.vue文件中导入组件

import TabsCom from "@/components/TabsCom.vue";

3.注册组件

export default {
  components: {
    TabsCom,
  },
};

4.使用组件

<template>
  <div id="app">
    <router-view class="pages has-tabs"></router-view>
    <tabs-com class="tabs"></tabs-com>//<TabsCom></TabsCom>也可以
  </div>
</template>