vux入門

happyfish 發布于2019-08-23 12:01 / 1743人閱讀

摘要：它是主要用于移動端的基于和的組件庫。看上作者的描述很霸氣。一種愛用不用的感覺。的端的框架有等。使用預處理工具是不影響開發者使用等。局部注冊全局注冊在中引用的的組件后其下的子組件都可不用注冊組件直接使用。使用起來很簡單。

vux

vux讀作[v’ju:z]。它是主要用于移動端的基于weui和vue的ui組件庫。
看git上作者的描述很霸氣。一種愛用不用的感覺。的pc端vue的ui框架有iview/elementui等。移動端使用vux較為方便。
主要用于移動端的基于weui和vue的ui組件庫。

有專用的vux-loader。
使用css預處理工具是less.不影響開發者使用sass等。

安裝

npm i vux
npm i vux-loader

vux2必須配合vux-loader使用, 請在build/webpack.base.conf.js里參照如下代碼進行配置：

const vuxLoader = require("vux-loader")
const webpackConfig = originalConfig // 原來的 module.exports 代碼賦值給變量 webpackConfig

module.exports = vuxLoader.merge(webpackConfig, {
  plugins: ["vux-ui"]
})

最后效果

前期準備。 1. 創建vue項目。 2. 修改webpack.base.conf.js

  const vuxLoader = require("vux-loader")
  const webpackConfig = {
      // .... module.exports里的東西
  }
  module.exports = vuxLoader.merge(webpackConfig, {
      plugins: ["vux-ui"]
  })

使用方法。 -. 局部注冊

  // **.vue
  

  import { ColorPicker } from "vux"

  export default {
      components: {
          tag: ColorPicker
      }
  }

-. 全局注冊

  // main.js
  import Vue from "vue"
  import { ColorPicker } from "vux"

  Vue.component("color-picker", ColorPicker)
  // 在*.vue中引用的vux的組件后其下的子組件都可不用注冊vux組件直接使用。

各組件的使用

看官網就行。使用起來很簡單。

2018/09/18 by stone

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97861.html

前端綜合性文檔和教程總結（持續更新）

摘要：小弟在前端摸爬滾打一段時間，發現前端的比較好的文檔比較分散，特別是中文的，我平時都是收藏在瀏覽器里，以后有好的教程和綜合性的文檔我會更新到這里。小組中文文檔，很全。小弟在前端摸爬滾打一段時間，發現前端的比較好的文檔比較分散，特別是中文的，我平時都是ctrl+D收藏在瀏覽器里，以后有好的教程和綜合性的文檔我會更新到這里。一則可以做個記錄，防止丟失。二則有需要的朋友可以來我這里找一找。 ...

piglei 2019-08-20 10:19 評論0 收藏0
在vue中安裝使用vux

摘要：最近因為的工作的原因在弄，從后端弄到前端之前一直用，現在第一次接觸感覺還挺有意思的，就是自己太菜了，這個腦子呀。。。。不太夠用。。。。。比如對自帶樣式的修改。。今天就記錄一下的安裝使用吧。。。。。。最近因為的工作的原因在弄vue，從后端弄到前端之前一直用js，現在第一次接觸vue感覺還挺有意思的，就是自己太菜了，這個腦子呀。。。。不太夠用。。。。。頁面設計用了一個叫vux的東西，vux可以提...

番茄西紅柿 2019-04-23 13:23 評論0 收藏0
vux的使用

摘要：是可以結合使用的一個微信端組件庫，我通常用它來做簡單的提示框動畫之類的功能。我主要就記錄一下的安裝和大概使用方法。在使用過程中沒什么坑，安裝的時候坑比較多。 vux是可以結合vue使用的一個微信端組件庫，我通常用它來做簡單的提示框、loading動畫、confirm之類的功能。vux里面有很多很實用的功能，詳細的可以去看官方文檔。我主要就記錄一下vux的安裝和大概使用方法。安裝： /...

terasum 2019-08-22 16:24 評論0 收藏0
vue-cli 3.x配置使用vux

摘要：在中配置使用寫在前面正常按照下面給定的配置，因官方更新過更新過，導致的加載錯誤。題后說明本人文中所提到的僅代表本人個人使用感受，并不能說明事物實際屬性，大家僅在乎配置相關即可。作為非大團隊維護的組件庫，是一款非常優秀的基于的組件庫。在vue-cli3.x中配置使用VUX 寫在前面正常按照下面給定的配置，因官方更新過vue/cli3.x更新過vue-loader，導致的加載錯誤。之前...

KitorinZero 2019-08-22 16:43 評論0 收藏0