vue学习--自定义全局vue组件

Posted The More I Do ! The More I Can

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue学习--自定义全局vue组件相关的知识,希望对你有一定的参考价值。

文档目录:

|--components

  |-loading(组件文件夹)

    |-loading.vue (loading组件核心)

    |-index.js  //配置导出组件,并且install

 

主要配置到处文件index.js 代码

 import LoadingComponent from ‘./loading.vue‘  //引用组件文件
  

  //定义并注册组件

  const Loading = {
      install: function(Vue) {
          Vue.component(‘Loading‘, LoadingComponent)
      }
  }

export default Loading   //导出组件.......

 

在main.js里调用组件

import Loading from ‘./components/loading‘

Vue.use(Loading)

 

以上是关于vue学习--自定义全局vue组件的主要内容,如果未能解决你的问题,请参考以下文章

自定义vue全局组件use使用(解释vue.use()的原理)

Vue学习系列 -- 自定义指令

Vue1.0学习总结———Vue1.0自定义组件Vue1.0组件之间的通信

vue学习组件化开发

vue 学习八 自定义指令

Vue学习笔记入门篇——组件的使用