vue mint-ui 使用手册 全局加载和按需引入

1 安装过vue脚手架的可以直接vue init webpack + 项目名称,

    然后使用cnpm(npm)安装依赖,全局引入mint-ui的方法是

       在控制台cnpm install --save,

查看根目录下的packjson文件,可以看到版本信息

"dependencies": {
"mint-ui": "^2.2.13",
"vue": "^2.5.2",
"vue-router": "^3.0.1"
},

说明安装后成功

main.js中引入mint-ui

// 全局引入mint-ui
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue. use(MintUI)
// 全局引入mint-ui结束

3 在页面中调用方法

this. $toast({
message: '提示语句',
position: 'middle',
duration: 5000
})

你可能感兴趣的:(web前端)