在Vue框架中,vux是一個Vue.js的移動端UI組件庫,可以提供專為移動端定制的交互體驗。此次我們通過對vux項目的實踐,來介紹如何使用vux以及注意事項。
1. 安裝vux
npm install vux --save
2. 引入vux
import Vue from 'vue' import Vuex from 'vuex' import { AlertPlugin, ToastPlugin } from 'vux' Vue.use(Vuex) Vue.use(AlertPlugin) Vue.use(ToastPlugin)
3. 組件示例
4. 注意事項
1)由于vux會額外增加項目的體積,因此建議針對不同的需求進行模塊化引用。
2)vux的組件庫覆蓋面比較廣,不用重復造輪子,可以滿足大部分的交互需求。
3)在使用過程中,需要注意ui設計的規范性,樣式的一致性等問題。
通過對vux的實踐可以看出,盡管vux涉及的組件集合很豐富,但是如果隨意使用會嚴重制約開發效率并且會導致設計混亂。因此在實踐過程中要注意根據需求進行組件化設計,切忌過度依賴vux組件庫。
上一篇vue vux 文件上傳
下一篇vue 安裝sass插件