我是靠谱客的博主 超级小蜜蜂，最近开发中收集的这篇文章主要介绍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)
},
}
element同理
最后
以上就是超级小蜜蜂为你收集整理的vue+vite+ts项目按需要引入vant或elementPlus等ui插件时,抽离成单独的 js 文件的全部内容，希望文章能够帮你解决vue+vite+ts项目按需要引入vant或elementPlus等ui插件时,抽离成单独的 js 文件所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复