Vue.js开源:VUWE - 一款基于微信WeUI所开发的,专用于Vue2的组件库
314123837
8年前
<h2>VUWE</h2> <p style="text-align:center"><img src="https://simg.open-open.com/show/3211f873499a6f92df9cd2360711a2a2.png"></p> <h2>介绍</h2> <p>VUWE 是一款基于微信 WeUI 所开发的,专用于 Vue2 的组件库。</p> <p>它与 WeUI 完全解耦。用户通过自定义 WeUI 的样式文件,可以方便地对 VUWE 实现定制化。</p> <h2>使用</h2> <p>进入一个 Vue 工程项目,然后执行以下命令:</p> <pre> <code class="language-javascript">npm install vuwe --save</code></pre> <h3>加载WeUI</h3> <p>在开始之前,需要在 index.html 内加载 WeUI 样式库:</p> <pre> <code class="language-javascript"><link rel="stylesheet" href="/weui.min.css"></code></pre> <h3>全局引入</h3> <p>进入工程入口js,写入下列语句:</p> <pre> <code class="language-javascript">import Vue from 'vue' import Vuwe from 'vuwe' Vue.use(Vuwe)</code></pre> <p>此时 VUWE 已经被全局注册,可以在需要的地方直接使用 VUWE 组件标签。</p> <h3>局部引入</h3> <p>在需要引入 VUWE 组件的地方直接引入:</p> <pre> <code class="language-javascript">import { VwButton } from 'vuwe' export default { components: { VwButton } }</code></pre> <h2>运行</h2> <p>克隆项目、安装依赖</p> <pre> <code class="language-javascript">git clone https://github.com/vuwe/vuwe.git cd vuwe && npm install</code></pre> <p>开发模式</p> <pre> <code class="language-javascript">npm run dev</code></pre> <p>生产模式</p> <pre> <code class="language-javascript">npm run build</code></pre> <p>示例模式(产出一个 index.html 文件,一个 app.js 文件)</p> <pre> <code class="language-javascript">npm run build-demo</code></pre> <p> </p> <p> </p> <p> </p>