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