vue+vite+ts项目按需要引入vant或elementPlus等ui插件时|vue+vite+ts项目按需要引入vant或elementPlus等ui插件时,抽离成单独的 js 文件
感觉本人写代码有强迫症,每当看到一个文件乱糟糟的就不舒服,为了文件代码美观所以将main.ts中有关引入vant的代码分离出来:
main.ts
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import vant from './vant'
export const app = createApp(App)app.use(router)
app.use(vant)app.mount('#app')
src目录下新建vant文件夹,然后下面新建index.ts,内容如下:
import { Form, Field, CellGroup, Button } from 'vant'export default {
install: function (Vue: any) {
Vue.use(Form)
Vue.use(Field)
Vue.use(CellGroup)
Vue.use(Button)
},
}
【vue+vite+ts项目按需要引入vant或elementPlus等ui插件时|vue+vite+ts项目按需要引入vant或elementPlus等ui插件时,抽离成单独的 js 文件】element同理
推荐阅读
- 通过对抽象模型和概念模型的整合，细化项目整体流程
- 安卓开源项目周报0117
- asp.net mvc项目
- asp.net按钮
- asp.net web表单项目
- vue项目实战之优雅使用axios
- 安卓开源项目周报0110
- Android新建项目手动添加Layout布局
- 原Android热更新开源项目Tinker源码解析系列之三（so热更新）
- 竞争编程的按位技巧详细指南