常用库

vue3三方类库引入格式

├─plugins
│  ├─firebase
│  ├─lazyload
│  ├─pinia
│  ├─router
│  ├─service-worker
│  ├─svgicon
│  ├─index.ts

在 src/plugins 文件目录下统一管理，由index.js/ts 统一导出

// LazyLoad
import { Lazyload } from "@xxx/Lazyload"

const setup = app => {
  app.use(Lazyload)
}

export { setup }

// plugins/index
import { setup as pinia } from "./pinia"
import { setup as router } from "./router"
import { setup as lazyload } from "./lazyload"
import { setup as ttq } from "./ttq"

import "./svgicon" 

const modules = [router, pinia, lazyload, ttq]

export default function register(app) {
  modules.map(setup => setup(app))
}

在 main.ts 中对所有 plugin 进行统一注册

import register from "./plugins"

const app = createApp(App)
register(app)

vue-infinite-scroll