![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
zhangXiaoWei001
这个作者很懒,什么都没留下…
展开
-
vue 组件间的通信方式(全局事件总线)---兄弟组件传值
前言vue组件间的传值不同组件关系有不同的传值方式(父子组件间传值可是通过props来实现),在此主要介绍兄弟组件间通信的一种方法(全局事件总线),同样这也是一种通用的组件间传值方式,适用于不止兄弟组件间传值。同样也适用于父子组件间的传值。一:注册全局事件总线(在main.js中添加注册)二:在提供数据的组件中发布一个自定义事件用来传递要传递的数据三:在需要数据的组件接收这个自定义事件,并且接收传递过来的数据(在mounted事件中接收数据,在beforDestroy中解绑当前组件用到的自定原创 2021-10-26 11:53:50 · 650 阅读 · 0 评论 -
VUE 动态绑定class类的三种常用方法及适用场景
前言在实际开发中,我们会经常遇到动态绑定class的情况,常见的情况可能有:1,根据不同的返回值渲染不同的class样式(也就是两个及两个以上的动态class选择使用);2,UI在设计时对于某个模块的样式没有确定下来的时候我们去写这个模块(给了基础样式);3,UI在设计对于某个模块的样式有很多样子,但不确定用是否全部使用时(给了基础样式)。针对这三种常见的情况我们在写页面样式时可已选择这三种常见的动态加载calss的方法。一:动态选择class样式(对象添加:情景一)<template>原创 2021-10-13 18:00:00 · 2270 阅读 · 0 评论