Vue.js开源:VUWE - 一款基于微信WeUI所开发的,专用于Vue2的组件库

314123837 7年前
   <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>