uni-app怎么使用vant

uniapp有一个自带的ui框架，在创建项目的时候直接选择uniui的模板，这个模板用起来更方便，而且它可以直接使用，不用引入注册

注意：如果是原生小程序建议用 vantweapp ui 框架 uni-app 建议用自带的 uniui

使用vant

下载安装  在项目文件夹右键使用命令打开窗口

npm i @vant/weapp -S --production

 找到 node-modules --- @vant --- weapp --- dist 把 dist 文件夹并复制

在项目的根目录创建一个 wxcomponents 文件夹 把刚才复制的 dist 复制进去 可以把 dist 改一个名字vant

 然后再在 pages.json 中注册子组件

"globalStyle": {
		"navigationBarTextStyle": "black",  //  导航栏标题颜色，仅支持 black / white
		"navigationBarTitleText": "uni-app",  //  导航栏标题文字内容
		"navigationBarBackgroundColor": "#F8F8F8",  //  导航栏背景颜色  也支持16进制
		"backgroundColor": "#F8F8F8",  //  窗口的背景色
        //  引入需要用到的组件（按需引入，需要哪个引入哪个）
		"usingComponents":{  
		    "van-button": "/wxcomponents/vant/button/index",
		    "van-tab": "/wxcomponents/vant/tab/index",
		    "van-tabs": "/wxcomponents/vant/tabs/index"
	    }
    }

因为 vantweapp 是原生小程序的语法 所以在用的时候 要换成 vue 的语法 {{}}换成： bind: 换成@

---

注意：uni-app是可以选择vue版本的，按自己的需求进行选择