webpack+vue+mui学习心得

引入mui

1.不需要npm安装;


webpack+vue+mui学习心得_第1张图片
直接从官方下载丢进来

2.那就是全局引用了;

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

webpack+vue+mui学习心得_第2张图片
so easy

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


webpack+vue+mui学习心得_第3张图片

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

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

webpack+vue+mui学习心得_第4张图片

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

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

直接上代码


webpack+vue+mui学习心得_第5张图片

具体用法很简单

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

无聊试了下tab切换


总结:

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

你可能感兴趣的:(webpack+vue+mui学习心得)