amaze php,初探 amaze-vue（ 基于vue.js封装的Amaze UI 组件库）

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

项目地址

使用文档

开发

结合webpack + vue + amaze-vue进行快速开发

使用vue-cli快速构建

通过npm安装amaze-vue

npm install amaze-vue --save

使用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: '',

components: { App }

});

原生js开发

克隆源代码到本地

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

引入文件

打开clone下来的文件夹

将dist目录下的文件拷贝到工程目录下进行后引入

AMAZEVUE_PATH 是将dist 目录拷贝到项目后的位置

amaze-vue

这是一个warning提示

new Vue({

el: '#app'

})