mpvue+vant app搭建微信小程序

34次阅读

共计 656 个字符,预计需要花费 2 分钟才能阅读完成。

mpvue+vant 开发微信小程序
mpvue 使用
# 全局安装 vue-cli
$ npm install –global vue-cli

# 创建一个基于 mpvue-quickstart 模板的新项目
$ vue init mpvue/mpvue-quickstart my-project

# 安装依赖
$ cd my-project
$ npm install
# 启动构建
$ npm run dev
vant 使用
yarn add vant

# 将 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 中使用
<van-search
placeholder=” 请输入搜索关键词 ”
use-action-slot
bind:search=”onSearch”
>
<view slot=”action” bind:tap=”onSearch”> 搜索 </view>
</van-search>

正文完
 0