关于Vue移动端框架（Muse-UI）的使用（说明书，针对不愿看文档的童鞋）

一、安装

1、npm安装

npm i muse-ui -S

或者

CDN安装

<link rel="stylesheet" href="https://unpkg.com/muse-ui/dist/muse-ui.css">
<script src="https://unpkg.com/muse-ui/dist/muse-ui.js"></script>

2、字体安装

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">

如果你想使用muse内置的Roboto字体，这里可以选择安装

3、字体图标

<link rel="stylesheet" href="https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css">

这里必须先引入图标，才可以显示图标。
二、引入使用

1、完整

import Vue from ‘vue’;
import MuseUI from ‘muse-ui’;
import ‘muse-ui/dist/muse-ui.css’;

Vue.use(MuseUI);

new Vue({
el: ‘#app’,
render (h) {
return h(‘mu-button’, {}, ‘Hello World’);
}
});

2、局部（推荐）

npm i babel-plugin-import less less-loader -D

然后在在根目录下找到.babelrc文件，修改如下：

{
“plugins”: [
[“import”, {
“libraryName”: “muse-ui”,
“libraryDirectory”: “lib”,
“camel2DashComponentName”: false
}]
]
}

更多请见：http://www.mark-to-win.com/tutorial/50791.html

关于Vue移动端框架（Muse-UI）的使用（说明书，针对不愿看文档的童鞋）相关推荐

JAVA计算机毕业设计基于vue技术的汽车维修检测系统设计与实现源码+数据库+系统+lw文档
JAVA计算机毕业设计基于vue技术的汽车维修检测系统设计与实现源码+数据库+系统+lw文档 JAVA计算机毕业设计基于vue技术的汽车维修检测系统设计与实现源码+数据库+系统+lw文档本源码技术栈 ...
java计算机毕业设计Vue垃圾分类指南平台设计与实现源码+mysql数据库+系统+lw文档+部署
java计算机毕业设计Vue垃圾分类指南平台设计与实现源码+mysql数据库+系统+lw文档+部署 java计算机毕业设计Vue垃圾分类指南平台设计与实现源码+mysql数据库+系统+lw文档+部署 ...
java计算机毕业设计vue开发一个简单音乐播放器源码+mysql数据库+系统+lw文档+部署
java计算机毕业设计vue开发一个简单音乐播放器源码+mysql数据库+系统+lw文档+部署 java计算机毕业设计vue开发一个简单音乐播放器源码+mysql数据库+系统+lw文档+部署本源码技 ...
java计算机毕业设计Vue.js音乐播放器设计与实现源码+数据库+系统+lw文档
java计算机毕业设计Vue.js音乐播放器设计与实现源码+数据库+系统+lw文档 java计算机毕业设计Vue.js音乐播放器设计与实现源码+数据库+系统+lw文档本源码技术栈: 项目架构:B/S ...
java计算机毕业设计vue健康餐饮管理系统设计与实现源码+mysql数据库+系统+lw文档+部署
java计算机毕业设计vue健康餐饮管理系统设计与实现源码+mysql数据库+系统+lw文档+部署 java计算机毕业设计vue健康餐饮管理系统设计与实现源码+mysql数据库+系统+lw文档+部署 ...
java计算机毕业设计Vue.js网上书城管理系统设计与实现服务端MyBatis+系统+LW文档+源码+调试部署
java计算机毕业设计Vue.js网上书城管理系统设计与实现服务端MyBatis+系统+LW文档+源码+调试部署 java计算机毕业设计Vue.js网上书城管理系统设计与实现服务端MyBatis+系统 ...
java计算机毕业设计vue架构云餐厅美食订餐系统源码+mysql数据库+系统+lw文档+部署
java计算机毕业设计vue架构云餐厅美食订餐系统源码+mysql数据库+系统+lw文档+部署 java计算机毕业设计vue架构云餐厅美食订餐系统源码+mysql数据库+系统+lw文档+部署本源码技 ...
java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现源码+mysql数据库+系统+lw文档+部署
java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现源码+mysql数据库+系统+lw文档+部署 java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现源码+mysql数据库+系统+lw文档 ...
Vue移动端框架选型之 Vant
前端时间帮友人做了个外卖小应用,经历了痛苦的UI框架选型,最终从最初选定的MuseUI转投有赞Vant,以下是个人总结: 组件实用性 Vant提供了SKU.省市选择器等极具实用价值的业务组件,这点必须 ...

关于Vue移动端框架（Muse-UI）的使用（说明书，针对不愿看文档的童鞋）

关于Vue移动端框架（Muse-UI）的使用（说明书，针对不愿看文档的童鞋）相关推荐

最新文章

热门文章