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

Logo

前往低代码交流专区

更多推荐