第一步:下载安装vant
npm i vant -S --production
第二步:main.ts引入Vant
import {createSSRApp} from 'vue'
import App from './App.vue'
// 引入Vant
import Vant from "vant";
export function createApp() {
const app = createSSRApp(App).use(Vant)
return {
app,
}
}
不管是js还是ts,Vue.use()他就对了
也可以结构后按需导入
import {Button,......} from "vant"
Vue.use(Button)
第三步:App.vue中引入全局样式,两种import都试试,里面坑多
<style>
/*每个页面都引入Vant*/
/*@import url("./node_modules/vant/lib/index.css");*/
@import "vant/lib/index.css";
</style>
第四步:就可以使用它了