微客导航 » 文章资讯 » mpvue+vant app搭建微信小程序的方法步骤

mpvue+vant app搭建微信小程序的方法步骤

2023-08-29 05:07:04 421

mpvue使用

#全局安装vue-cli
$npminstall--globalvue-cli

#创建一个基于mpvue-quickstart模板的新项目
$vueinitmpvue/mpvue-quickstartmy-project

#安装依赖
$cdmy-project
$npminstall
#启动构建
$npmrundev

vant使用

yarnaddvant

#将node_modules下的vant-weapp下的dist目录复制到static下的vant目录即可调用

vant调用

main.json中调用

{
"navigationBarTitleText":"Home",
"usingComponents":{
"van-button":"../../static/vant/button/index",
"van-search":"../../static/vant/search/index",
"van-tabbar":"../../static/vant/tabbar/index",
"van-tabbar-item":"../../static/vant/tabbar-item/index",
}
}

index.vue中使用


搜索

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

mpvue+vant app搭建微信小程序的方法步骤

热门推荐

随机推荐