自定义组件（插件）

最新推荐文章于 2022-10-26 08:45:32 发布

纯建

最新推荐文章于 2022-10-26 08:45:32 发布

阅读量219

点赞数

博客以案例形式介绍封装 Loading 组件。阐述了 Loading 基于用户体验有多种使用方式，如借助第三方 ui 库或自定义封装。还说明了封装过程，先创建 Loading 目录文件夹，在其中创建 component 目录放模板，再在 Loading 目录下创建 index.js。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

案例：封装一个 Loading 组件
Loading是用来做什么的？
基于用户体验
loading使用方式很多

第三方的ui库/组件库

自定义封装

过程：
创建一个目录文件夹，称之为Loading
在loading中创建一个叫做component目录，用来放模板
在Loading目录下创建一个index.js

~ import Vue from 'vue'
  import tpl from './component/index.html'
  const Loading = {
    // 自定义封装组件，这个loading对象中必须有一个关键key
    install () {
      Vue.component( 'Loading', {
        template: tpl
      })
    }
  }


  export default Loading