Amaze UI 是以移动优先(Mobile first)为理念,面向 HTML5 开发的国产优秀组件库。因官方未提供vue.js版本,而且民间一直对vue.js版本的 Amaze UI 组件库呼声很高,今天 特来分享一个完整版的基于Amaze UI 封装的vue.js组件库。
  
   项目地址
  amaze-vue
   使用文档
  document
   开发
   结合webpack + vue + amaze-vue进行快速开发
   使用vue-cli快速构建
  传送门
   通过npm安装amaze-vue
  npm install amaze-vue --save1
   使用amaze-vue进行开发
  修改src/main.js 文件
  import Vue from 'vue'; import App from './App'; import AmazeVue from 'amaze-vue'; import 'amaze-vue/dist/amaze-vue.css'; Vue.use(AmazeVue); new Vue({     el: '#app',     router,     template: '<App/>',     components: { App } });1234567891011   原生js开发
   克隆源代码到本地
  git clone https://github.com/sunshineJi/amaze-vue.git1
   引入文件
  打开clone下来的文件夹 
 
  将dist目录下的文件拷贝到工程目录下进行后引入 
 AMAZEVUE_PATH 是将dist 目录拷贝到项目后的位置
  <!DOCTYPE html> <html> <head>     <title>amaze-vue</title>     <link rel="stylesheet" type="text/css" href="AMAZEVUE_PATH/amaze-vue.css"/> </head> <body>     <div id="app">         <am-warning color="success" :closeBtn="true"><h1>这是一个warning提示</h1></am-warning>     </div>     <script src="http://unpkg.com/vue" type="text/javascript"></script>     <script type="text/javascript" src="AMAZEVUE_PATH/amaze-vue.js"></script>     <script type="text/javascript">         new Vue({             el: '#app'         })     </script> </body> </html>