欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2019年02月11日 09:10:48   作者:hirCodd  
這篇文章主要介紹了mpvue+vant app搭建微信小程序的方法步驟,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

mpvue使用

# 全局安裝 vue-cli
$ npm install --global vue-cli

# 創(chuàng)建一個基于 mpvue-quickstart 模板的新項目
$ vue init mpvue/mpvue-quickstart my-project

# 安裝依賴
$ cd my-project
$ npm install
# 啟動構(gòu)建
$ npm run dev

vant使用

yarn add vant

# 將node_modules下的vant-weapp下的dist目錄復制到static下的vant目錄即可調(diào)用

vant調(diào)用

main.json中調(diào)用

{
 "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="請輸入搜索關(guān)鍵詞"
 use-action-slot
 bind:search="onSearch"
 >
 <view slot="action" bind:tap="onSearch">搜索</view>
</van-search>

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue導入新工程?“node_modules依賴”問題

    vue導入新工程?“node_modules依賴”問題

    這篇文章主要介紹了vue導入新工程?“node_modules依賴”問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • vue?頁面刷新、重置、更新頁面所有數(shù)據(jù)的示例代碼

    vue?頁面刷新、重置、更新頁面所有數(shù)據(jù)的示例代碼

    Vue.js提供了多種方式來實現(xiàn)頁面刷新、重置和更新頁面所有數(shù)據(jù)的功能,下面通過示例代碼演示vue?頁面刷新、重置、更新頁面所有數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧
    2024-01-01
  • Vite打包分割代碼的詳細過程記錄

    Vite打包分割代碼的詳細過程記錄

    項目創(chuàng)建Vite是一個web開發(fā)構(gòu)建工具,由于其原生ES模塊導入方法,它允許快速提供代碼,下面這篇文章主要給大家介紹了關(guān)于Vite打包分割代碼的相關(guān)資料,需要的朋友可以參考下
    2022-09-09
  • 從0搭建Vue3組件庫之如何使用Vite打包組件庫

    從0搭建Vue3組件庫之如何使用Vite打包組件庫

    這篇文章主要介紹了從0搭建Vue3組件庫之如何使用Vite打包組件庫,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-03-03
  • vue項目中常見的三種文件類型在線預覽實現(xiàn)(pdf/word/excel表格)

    vue項目中常見的三種文件類型在線預覽實現(xiàn)(pdf/word/excel表格)

    最近在項目中要做一個pdf在線預覽的功能,索性給大家整理個全面的,這篇文章主要給大家介紹了關(guān)于vue項目中常見的三種文件類型在線預覽實現(xiàn)的相關(guān)資料,文件類型分別是pdf/word文件/excel表格,需要的朋友可以參考下
    2022-05-05
  • OpenDataV低代碼平臺新增組件流程詳解

    OpenDataV低代碼平臺新增組件流程詳解

    這篇文章主要為大家介紹了OpenDataV低代碼平臺新增組件流程詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-09-09
  • Vue 構(gòu)造選項 - 進階使用說明

    Vue 構(gòu)造選項 - 進階使用說明

    這篇文章主要介紹了Vue 構(gòu)造選項 - 進階使用說明,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-08-08
  • vue解決跨域問題的幾種方式

    vue解決跨域問題的幾種方式

    這篇文章主要給大家介紹了關(guān)于vue解決跨域問題的幾種方式,跨域跨域報錯是前端開發(fā)中非常經(jīng)典的一個錯誤,文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下
    2023-07-07
  • Vue編寫炫酷的時鐘插件

    Vue編寫炫酷的時鐘插件

    這篇文章主要為大家詳細介紹了Vue編寫炫酷的時鐘插件,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-08-08
  • vue開發(fā)移動端h5環(huán)境搭建的全過程

    vue開發(fā)移動端h5環(huán)境搭建的全過程

    在正式使用Vue進行移動端頁面開發(fā)前,需要做一些前置工作,下面這篇文章主要給大家介紹了關(guān)于vue開發(fā)移動端h5環(huán)境搭建的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-08-08

最新評論