您的位置:首页 > Web前端 > Vue.js

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

2020-02-03 21:44 344 查看

文档目录:

|--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)

 

  • 点赞
  • 收藏
  • 分享
  • 文章举报
!sylar 发布了81 篇原创文章 · 获赞 0 · 访问量 466 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: