irpas技术客

vue的mixin的简单使用_秋雨凉人心

网络投稿 6280

1新建一个libs文件夹 再建个myui文件夹 里面写上个index.js? ?mixin导出

?2新建一个vue的文件?里面就写个Button 写几种不同的class样式3在index.js也就是mixin里面引入这个Button并注册

?

?4因为这个BUTTON样式要可以动态改变,所以这个BUTTON的class不能写死写成如下的样式

?5在相关页面引入

引入这个组件并用mixins?注册,

6使用引入的组件

修改个btnstyle属性看对不对

样式改变了,是想要的效果 样式随便写的有点丑。。。。但是效果达到了?

在mixin里面可以接受script里面的很多东西 这个只是随便写一下简单的写法 让你知道mixin大概是什么东西 后面写个mixin提升版本的

-------------------------------------------------------------------------------------------------------------------------------

忘记写了这个是单组件引用的 但是这个button你写好了你需要的样式 你会想要全局都能使用 你需要在全局里面引入?

1在main.js里面引入并且使用

?

2然后再页面看能不能使用

?

?


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #vue的mixin的简单使用 #1新建一个libs文件夹 #再建个myui文件夹 #里面写上个indexjs