在HBuilder X中，创建uniapp 使用vue3项目上引入vant3

大家好我是你们的秃头小兄弟

有两种方案 一种在浏览器中使用 一种在微信开发工具中使用

创建项目

• 创建uniapp vue3的项目 选择vue3版本
  

第一种在终端下载vant3 （只能在浏览器中打开使用）

• 安装命令 npm i vant
• 在main.js 中引入

// #ifdef VUE3
//1.引入 vant
import vant from 'vant';
// 2. 引入组件样式
import 'vant/lib/index.css';
import {
	createSSRApp
} from 'vue'

export function createApp() {
	const app = createSSRApp(App)
//3.抛出
	app.use(vant);
	return {
		app
	}
}
// #endif

选择一个组件引入浏览器进行测试

第二种在终端下载Vant Weapp （适用于微信开发者工具）

• 引入组件目录
• 安装命令 npm i @vant/weapp -S --production
• 与 /pages 同级创建 /wxcomponents/vant 目录
• 解压代码，把/dist目录内的文件拷贝进去新建的/wxcomponents/vant目录中（将/dist改为/vant）