vue封装通用组件
使用 Vue.component 可以用来注册全局组件
// main.js ... import School from "./components/School.vue" Vue.component("School", School) ...
// .vue <template> <div> ... // 组件无需引入,因为已经注册到全局了 <School></School> ... </div> </template> <script> export default { name:"Test" } </script>
可以进一步将其封装为一个插件,通过 Vue.use() 使用
// plugin.js import School from "@/components/School.vue" export default { install(Vue){ Vue.component("School", School) } }