Amaze UI 是以移动优先&＃xff08;Mobile first&＃xff09;为理念&＃xff0c;面向 HTML5 开发的国产优秀组件库。因官方未提供vue.js版本&＃xff0c;而且民间一直对vue.js版本的 Amaze UI 组件库呼声很高&＃xff0c;今天 特来分享一个完整版的基于Amaze UI 封装的vue.js组件库。

项目地址

amaze-vue

使用文档

document

开发

结合webpack &＃43; vue &＃43; amaze-vue进行快速开发

使用vue-cli快速构建

传送门

通过npm安装amaze-vue

npm install amaze-vue --save1

使用amaze-vue进行开发

修改src/main.js 文件

import Vue from &＃39;vue&＃39;;
import App from &＃39;./App&＃39;;
import AmazeVue from &＃39;amaze-vue&＃39;;
import &＃39;amaze-vue/dist/amaze-vue.css&＃39;;
Vue.use(AmazeVue);
new Vue({el: &＃39;#app&＃39;,router,template: &＃39;&＃39;,components: { App }
});

原生js开发

克隆源代码到本地

git clone https://github.com/sunshineJi/amaze-vue.git

引入文件

打开clone下来的文件夹

将dist目录下的文件拷贝到工程目录下进行后引入
AMAZEVUE_PATH 是将dist 目录拷贝到项目后的位置



"stylesheet" type&＃61;"text/css" href&＃61;"AMAZEVUE_PATH/amaze-vue.css"/>