91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

詳解VUE項目中安裝和使用vant組件

發布時間:2020-08-26 18:38:49 來源:腳本之家 閱讀:156 作者:安樹 欄目:web開發

Vant 是有贊前端團隊基于有贊統一的規范實現的 Vue 組件庫,提供了一整套 UI 基礎組件和業務組件。

特性

  1. 50+ 個經過有贊線上業務檢驗的組件
  2. 單元測試覆蓋率超過 90%
  3. 完善的中英文文檔和示例
  4. 支持 babel-plugin-import
  5. 支持 TypeScript
  6. 支持 SSR

組件中文文檔地址:https://youzan.github.io/vant/#/zh-CN/intro

1、創建VUE項目之后進入項目目錄運行安裝命令:

npm i vant -S

2、安裝 babel-plugin-import 插件,babel-plugin-import 是一款 babel 插件,它會在編譯過程中將 import 的寫法自動轉換為按需引入的方式

npm i babel-plugin-import -D

3、在.babelrc文件中配置plugins(插件)

"plugins": [
  "transform-vue-jsx", 
  "transform-runtime",
  ["import", [{ "libraryName": "vant", "style": true }]]
 ],

4、按需要引入vant組件,比如我們要在HelloWord.vue組件中使用 Loading 組件,我們可以先 在組件中引入

<script>
import { Loading } from 'vant'
export default {
 components: {
  [Loading.name]: Loading
 }
}
</script>

然后在頁面中加入組件代碼

<template>
  <div>
   <van-loading color="black" />
   <van-loading color="white" />
   <van-loading type="spinner" color="black" />
   <van-loading type="spinner" color="white" />
 </div>
</template>

這樣就可以看到效果了

以上所述是小編給大家介紹的VUE安裝和使用vant組件詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

宁远县| 乐昌市| 绩溪县| 武乡县| 柏乡县| 仲巴县| 若尔盖县| 定日县| 上犹县| 河西区| 湖北省| 九台市| 大英县| 五家渠市| 道真| 巴马| 大同市| 彭州市| 张掖市| 汝州市| 惠安县| 保康县| 五华县| 内乡县| 中牟县| 贵溪市| 五大连池市| 洞头县| 侯马市| 宝清县| 历史| 绵竹市| 大洼县| 海原县| 桂东县| 玉环县| 安康市| 连城县| 延川县| 贵溪市| 奉新县|