1. 程式人生 > >VUE註冊全域性元件

VUE註冊全域性元件

1,新建自定義元件MyComp.vue,在這個vue裡面就是這個元件的具體的內容,比如:
<template>
  <div>
      .....
  </div>
</template>
<script>
  export default{
    name: 'my-comp'
  }
</script>
2,新建index.js,按如下兩種方式之一輸入指令碼內容
(1)方式1
import MyComp from './MyComp.vue'


const Comp = {
    install: function(Vue){
        Vue.component('Comp', MyComp)
    }
}
// 匯出元件
export default Comp


(2)方式2
import MyComp from './MyComp.vue'
MyComp.install = function (Vue) {
  Vue.component(MyComp.name, MyComp)
}


export default MyComp