自定义全局组件(插件) 全局组件:就是可以在main.js里面使用Vue.use()进行全局引入的,然后在其他组件中度可以使用 如:vue-router import VueRouter from 'vue-router' Vue.use(VueRouter) 普通组件:每次使用都需要引入 如:axios import axios from 'axios' 自定义一个全局组件(插件) 1.新建一个hello.vue的文件,里面是组件(插件)的内容 <template> <div id="hello"> {{msg}} </div> </template> <script> export default{ data(){ return { msg:"你好" } } } </script> style //可写可不写 <style scoped> #hello{ color:red; } </style> 2.新建一个hello.js文件,引入刚才自定义的组件(插件) import Hello from './hello.vue' export default{ install:function(Vue){ Vue.component('Hello',Hello) } } 3.在main.js中引入这个自定义的组件(插件) import Hello from './hello.js' Vue.use(Hello); // 这样就注册了一个全局的Hello组件(插件),不管在哪里都可以使用 使用方法:<Hello></Hello>