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)