amazeui-vue
AmazeUI components built with vue.js
Installation
NPM
npm install amazeui-vue
It's recommended to use vuejs + webpack + amazeui-vue !
Standalone
The build-all-in-one file is in the 'dist' folder.
<!-- hello world --> <!-- remember to add vue.js lib and amazeui styles --> <!-- include amazeui-vue -->
About
This repository is built to use Amaze UI as Vue.js components, without jQuery requirement.
If you are not familiar with vue.js, you can learn from the vue.js official site.
If you want to use the react version, you can find it here, it's developed by the amazeui team.
Requirements
- vue.js ^1.0.7
Vue.js 1.0.0 is released! Amazeui-vue now requires vue.js@^1.0. If you are upgrading your vue.js project to 1.0 version from 0.12, this article may help you learn some important changes.
Documents
Run examples
New
Now amazeui-vue
use webpack-dev-server
to run the examples.What you need to do is just npm run dev
and then open your favourite browser and access http://localhost:9999
.
And hot-reload is support too.
Components Available Now
grid
column
container
amButton
buttonGroup
amForm
amInput
checkbox
radio
amSelect
panel
list
modal
alert
confirm
prompt
icon
badge
pagination
article
tab
topbar
Components In Development
dateTimePicker
slider
nprogress
How To
You must register the components before you can use amazeui-vue.
You can register the components globally or locally:vue.js: using components
Global Registration
amazeui-vue exports an install function so taht you can register it as a plugin for vue.js. You can do it like this:
Vue;
and then amazeui-vue components will be registered globally, and they will be load synchronously.
If you want to use amazeui-vue as asyn components, use the install-async function:
Vue;
Local Registration
sync
; // you may need babel-loader to do it like this// or// var amButton = require('amazeui-vue').button;// ... components: "amButton": amButton
async (with webpack)
components: { }