Vue随笔-生活工作点滴

60、VUE注册全局组件

2019-07-10  本文已影响25人  world_7735

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
上一篇 下一篇

猜你喜欢

热点阅读