Mint UI 使用文档
本文将介绍 Mint UI 的安装方式和基本的用法。
npm 安装
推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。
npm i mint-ui -S
CDN
目前可以通过 unpkg.com/mint-ui 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用。
Hello world
通过 CDN 的方式我们可以很容易地使用 Mint UI 写出一个 Hello world 页面。
按钮
new Vue({
el: '#app',
methods: {
handleClick: function() {
this.$toast('Hello world!')
}
}
})
如果是通过 npm 安装,并希望配合 webpack 使用,请阅读下一节:快速开始。
关于事件绑定
在 Vue 2.0 中,为自定义组件绑定原生事件必须使用 .native 修饰符:
Click Me
从易用性的角度出发,我们对 Button 组件进行了处理,使它可以监听 click 事件:
Click Me
但是对于其他组件,还是需要添加 .native 修饰符。