vue全局组件和局部组件的写法介绍

这篇文章主要介绍了vue全局组件和局部组件的写法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

全局组件和局部组件写法

vue组件有两种，一种是全局组件，一种是局部组件。整个项目经常用到的用全局写法，用到比较少的专供特定页面用的使用局部组件。

全局组件引入写法

在项目的main.js中：

import Vue from 'vue'; import MyComponent from '@/components/MyComponent.vue'; // 导入自己写的组件文件   Vue.use(MyComponent); // 自定义全局组件的时候需要Vue.use(); Vue.component('my-component', MyComponent); //初始化组件   new Vue({   el: '#app',   router,   components: {     App,     MyComponent   },   template: '', });