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-searchplaceholder="請輸入搜索關鍵詞"use-action-slotbind:search="onSearch"><view slot="action" bind:tap="onSearch">搜索</view> </van-search>

總結

以上是生活随笔為你收集整理的mpvue+vant app搭建微信小程序的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。