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

html mint ui,Mint UI 使用文档相关推荐

Jquery ui的dialog使用文档概述
Jquery ui的dialog使用文档概述一个浮动的窗口,包含标题和内容两部分.可以移动,调整大小,以及关闭图标'×'.如果内容长度超过了对话框内容区域的显示,则会自动出现滚动条.除此之外,还有一 ...
标签参数JEECG智能开发平台 UI标签库帮助文档
JEECG智能开辟平台 UI标签库帮助文档目录 1.BaseTag(款式表和JS引入标签)...................................................... ...
优漫动游B端UI设计师的交互文档应该怎么写？
B端UI设计师的交互文档是产品设计过程中非常重要的一环,它记录了产品的交互设计方案,对于产品开发和测试具有重要的参考价值.下面是B端UI设计师交互文档应该包含的内容和如何进行编写的详细说明. 产品需求 ...
使用windows activeX 在Webclient UI 中打开word文档
Created by Jerry Wang, last modified on May 23, 2014 在view page是使用如下source code: 在UI component workb ...
热门 UI 组件库离线文档制作教程（iView、Arco Design）
概述前端 UI 组件库层出不穷,版本更新又是你追我赶,查看官方文档网站是前端工程师日常行为,如果开发机无法连接互联网就会非常不方便(CTRL+C / CTRL+V 已然不香
vue element ui 利用xslx导出文档表格功能（纯前端导出下载文档）
目录前言步骤: 1.下载xslx 2.导入xslx 3.template中给个点击事件 4.methods中定义函数实现导出前言本篇文章记录纯前端导出下载文档功能. 若想查看从后端接收文件流, ...
swagger-bootstrap-ui 1.9.3 发布，i18n及自定义文档支持
开发四年只会写业务代码,分布式高并发都不会还做程序员? swagger-bootstrap-ui 1.9.3 发布了.swagger-bootstrap-ui是 Swagger 的增强UI 实现, ...
swagger api文档_带有Swagger的Spring Rest API –创建文档
swagger api文档使REST API易于使用的真正关键是好的文档. 但是,即使您的文档做得很好,您也需要设置公司流程的权利以正确,及时地发布它. 确保利益相关者按时收到是一回事,但是您也要负 ...
带有Swagger的Spring Rest API –创建文档
使REST API易于使用的真正关键是好的文档. 但是,即使您的文档做得不错,您也需要设置公司流程的权利,以正确,及时地发布它. 确保利益相关者按时收到是一回事,但是您也要负责API和文档中的更新. ...
Jeecg社区wiki在开放，终于可以在线看文档啦！！！
Jeecg社区wiki在开放,终于可以在线看文档啦!!! 2014-12-18 scott JEECG jeecg开源社区wiki正式启动了,方便大家看文档访问地址是: http://osbaba. ...

html mint ui,Mint UI 使用文档

html mint ui,Mint UI 使用文档相关推荐

最新文章

热门文章