VUX UMD 构建产物

基于 VUX v2 打包的 UMD 资源，可直接在浏览器中通过 <script> 引入使用。

目录结构

dist/
├── vux.min.js          # 全量 JS（所有组件 + 插件）
├── vux.min.css         # 全量样式
├── register.js         # 自动注册脚本
├── components/         # 按需组件 bundle
├── plugins/            # 按需插件 bundle
├── icons/              # 图标 SVG
└── styles/             # 独立样式文件
test.html               # 通用组件测试页
test-loading.html       # Loading 插件测试页
test-app.js
test-assets/            # 测试用本地图片

快速开始

全量引入（推荐上手）

<link rel="stylesheet" href="dist/vux.min.css">
<script src="https://unpkg.com/vue@2.6.10/dist/vue.min.js"></script>
<script src="dist/vux.min.js"></script>
<script src="dist/register.js"></script>

<div id="app">
  <group>
    <cell title="Hello" value="VUX"></cell>
  </group>
</div>

<script>
  new Vue({ el: '#app' })
</script>

按需引入

<link rel="stylesheet" href="dist/vux.min.css">
<script src="https://unpkg.com/vue@2.6.10/dist/vue.min.js"></script>
<script src="dist/components/group/index.min.js"></script>
<script src="dist/components/cell/index.min.js"></script>
<script src="dist/register.js"></script>

register.js 会自动注册页面上已加载的全局变量，无需手写 Vue.component()。

单独使用插件

<link rel="stylesheet" href="dist/plugins/loading/index.min.css">
<script src="https://unpkg.com/vue@2.6.10/dist/vue.min.js"></script>
<script src="dist/plugins/loading/index.min.js"></script>

<script>
  Vue.use(vuxLoadingPlugin)
  new Vue({
    el: '#app',
    mounted () {
      this.$vux.loading.show('加载中...')
    }
  })
</script>

本地测试

需通过 HTTP 服务访问（不要直接双击打开 html）：

python -m http.server 8765

• 全量测试：http://127.0.0.1:8765/test.html

说明

• Vue 版本建议 2.6.x（与 VUX 2 兼容）
• x-icon 为虚拟组件，UMD 模式不支持，请用 dist/icons/ 下的 SVG
• register.js 中 VuxRegisterAuto = false 可关闭自动注册，手动调用 VuxRegister(['group','cell'])

License

MIT（与 VUX 原项目一致）