使用MuseUI创建你的第一个单页面应用

一、使用脚手架工具搭建项目框架

vue init webpack muse (使用vue创建一个muse新项目)

cd muse

npm install

npm run dev (测试一下是否成功)

二、安装额外dependency

npm install --save muse-ui (安装muse-ui)

npm install style-loader (因为需要引入muse-ui定义的css)

三、使用

在main.js中进行全局加载使用组件

完整使用MuseUI

import Vue from 'vue'

import App from './App'

import router from './router'

import MuseUI from 'muse-ui'

import 'muse-ui/dist/muse-ui.css' // 加载样式

Vue.use(MuseUI)

Vue.config.productionTip = false

new Vue({ 

 el: '#app', 

 router,

  template: '',  

components: { App }

})

最后看看是否引入成功!

底部导航条

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容