html mint ui,Mint UI 使用文档

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 修饰符。