0.3.2 • Published 10 years ago
amazeui-vue v0.3.2
amazeui-vue
安装
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，从这里可以了解一些升级带来的重要改变。
文档
运行例子
更新
现在的例子使用webpack-dev-server来跑，而且支持hot-reload，你要做的就是运行npm run dev然后打开浏览器，访问http://localhost:9999
目前可以使用的组件
gridcolumncontaineramButtonbuttonGroupamFormamInputcheckboxradioamSelectpanellistmodalalertconfirmprompticonbadgepaginationarticletabtopbar
还在开发中的组件
dateTimePickerslidernprogress
如何使用
vue.js组件系统要求使用组件前必须先注册，安装amazeui-vue并不会将组件注册到你的项目中，所以你必须手动注册。
Vue.use(require('amazeui-vue'));然后就可以在全局范围内使用组件了。
组件
请查看例子