vue 全局自定义组件
1.vue文件
<template> <div style="position: absolute;bottom: 10px;text-align: center;width: 100%;color: #9B9B9B;"> <p>copyright @ 深圳中科爱讯科技有限公司</p> </div> </template> <script> export default { name: "zkax" } </script> <style scoped> </style>
2.js文件
import Zkax from './zkax.vue' const zkax={ install:function(Vue){ // Vue.component()是用来注册全局组件的 Vue.component('Zkax',Zkax) } // Zkax'这就是后面可以使用的组件的名字,install是vue实例上默认的一个方法 } export default zkax
3.main.js文件
import zkax from './element/Zkax.js'; Vue.use(zkax)