60、VUE注册全局组件

作者: world_7735 | 来源:发表于2019-07-10 17:24 被阅读25次

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

相关文章

  • vue组件

    关于vue组件的总结 注册组件 vue中组件的注册分为两种: 全局注册 局部注册 全局注册 全局注册的组件在任何v...

  • vue的组件注册

    vue的组件注册: 全局注册 局部注册

  • Vue 之 组件

    组件注册 组件注册分为两种: 全局注册 和 局部注册 全局注册:全局注册的行为必须在根 Vue 实例 ...

  • 60、VUE注册全局组件

    1,新建自定义组件MyComp.vue,在这个vue里面就是这个组件的具体的内容,比如: 2,新建index.js...

  • vue语法基础二-组件

    组件 Vue组件说明注册使用全局组件所有实例都能用全局组件。Vue.component(tagName, opti...

  • Vue 全局组件和局部组件

    vue、js、html文件都可以注册全局组件和局部组件 全局组件 局部组件 vue-custom-element ...

  • Vue2.0注册局部组件和全局组件

    记录一下不使用vue-router注册局部组件和全局组件 注册一个局部组件 文件:agg.vue 注册一个全局组件

  • vue-echarts全局组件使用

    在入口main.js 注册全局组件 引入 import 'echarts' 注册全局组件 Vue.componen...

  • 组件

    注册组件 注册组件分为全局注册和局部注册。 全局注册 step1.用Vue.component()方法定义一个组件...

  • vue.component、vue.extend、vue

    vue.component 注册全局组件 vue.extend 创建组件构造器 vue.component(组件名...

网友评论

    本文标题:60、VUE注册全局组件

    本文链接:https://www.haomeiwen.com/subject/whfkkctx.html