webpack+vue+mui学习心得

引入mui

1.不需要npm安装;


直接从官方下载丢进来

2.那就是全局引用了;

没错,就是index.html里直接引入,当然也可以main.js引入,随意啦!

so easy

3.找到webpack.base.conf.js,在module与plugins之间插入以下代码:


4.这样就可以在项目里面直接用了.然就是mui与vue-router及点击事件会有一些冲突的问题;

在mounted里加入这行代码:路由就可以跳转了

eg:就直接代替a标签了;

可是点击事件怎么弄呢;有点偷懒,就随便码了码;借用mui的tap事件了,@cllick事件毕竟有延迟的嘛

直接上代码


具体用法很简单

params是参数啦!  href="javascript:void(0)" 记得加上,不然页面可能会跳一下

无聊试了下tab切换


总结:

自己摸索的,想的写的不够完善或是还可以改进的,希望给点意见;共勉,进步!

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

相关阅读更多精彩内容

  • MUI背景介绍 MUI是一套前端框架,由DCLOUD公司研发而成,提供大量H5和js语言组成的组件,大大提高了开发...
    jackzhouyu阅读 29,915评论 2 76
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 180,051评论 25 708
  • 五月的初夏,结出了硕果 空中的馨香,弥漫着坚强 深藏的心事,不再懵懂无知 过往的青春,不再睡思昏沉 此刻的你,仿佛...
    岁月素白阅读 212评论 0 0
  • 1、安装Package Control (1)Ctrl + `调出Sublime控制台 (2)Package Co...
    youqy3阅读 951评论 0 0
  • 一个人的改变,都是自己想要的改变,在此之前,谁的劝说都是徒劳。习惯也好,态度也罢,统统都是。
    uno_阅读 132评论 0 0

友情链接更多精彩内容