amazeui-vue

amazeui-vue

基于vue.js和amazeui开发的组件库。

安装

NPM

npm install amazeui-vue

推荐使用 vuejs + webpack + amazeui-vue

全局使用

dist目录下有一个打包好的文件，用script标签引入即可使用

<body>
  <!-- Hello world! -->
  <!-- 记得引入vue.js库和AmazeUI的样式文件 -->
  <link rel="stylesheet" href="path/to/amazeui.css">
  <script src="path/to/vue.js"></script>
  <!-- 然后引入amazeui-vue.js -->
  <script src="path/to/amazeui-vue.js"></script>
  <script>
  // 注意：像使用vue插件一样先调用use方法
  Vue.use(amazeuiVue);
  // 然后就可以正常使用了
  </script>
</body>

关于

这个项目将AmazeUI的组件（以及部分插件）转成了vue.js组件形式，并且移除了jQuery依赖。

如果你对vue.js还不熟悉，可以在vue.js官网了解和学习。

如果你想使用React版本，这里有，而且这个版本由AmazeUI团队维护。

依赖

• vue.js ^1.0.7

Vue.js 1.0.0发布啦！ Amazeui-vue现在使用的vue.js版本是1.0.7，如果你正在将自己的vue.js项目从0.12升级到1.0，从这里可以了解一些升级带来的重要改变。

文档

• English

运行例子

更新

现在的例子使用webpack-dev-server来跑，而且支持hot-reload，你要做的就是运行npm run dev然后打开浏览器，访问http://localhost:9999

目前可以使用的组件

• grid
• column
• container
• amButton
• buttonGroup
• amForm
• amInput
• checkbox
• radio
• amSelect
• panel
• list
• modal
• alert
• confirm
• prompt
• icon
• badge
• pagination
• article
• tab
• topbar

还在开发中的组件

• dateTimePicker
• slider
• nprogress

如何使用

vue.js组件系统要求使用组件前必须先注册，安装amazeui-vue并不会将组件注册到你的项目中，所以你必须手动注册。

Vue.use(require('amazeui-vue'));

然后就可以在全局范围内使用组件了。

组件

请查看例子