![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 54
qq_30975339
这个作者很懒,什么都没留下…
展开
-
vue项目-父组件和子组件之间数据的双向绑定
前言:vue里面子组件通过props可以获取父组件的数据,但是我们在子组件里无法直接修改props里传递的父组件变量。当然你可以使用vue的子组件事件机制,通过emit来实现反向传递数据的能力。但是我自个用的时候总感觉写好一个组件之后,用的时候还要在父组件里加上对应的事件处理很不爽。所以我一般是用下面的方法来近似地实现类似v-model的功能,有好处有坏处,各位看官自个判断。功能:1.父组件和子组件之间实现双向数据绑定优点:1.不像使用$emit实现那样麻烦2.逻辑更加清晰缺点:原创 2021-01-28 10:56:22 · 640 阅读 · 0 评论 -
vue项目里的简易的网格样式
效果:原理:1.利用css的自定义变量以及var函数2.css里0除以0的结果是null,而且css运算式中只要出现null的结果就一定是null缺点:1.给定网格之间的间隙大小=m时,头尾的网格和中间的网格尺寸差1/4m(如果等分数为3,那么会差1/2m)2.本人是在vue项目里使用,很方便,当然我还是更推荐使用第三方网格插件3.兼容性未知CSS:<!-- 父元素 -->.qiuGrid { position: relative; .原创 2021-01-25 15:35:39 · 841 阅读 · 0 评论 -
Vue.js ---- transition组件
关于transition组件的使用请看:https://www.runoob.com/vue2/vue-transitions.html下面主要讲解transition组件钩子函数的问题以及我自己对它的理解(看下面前请先简单看一下上面的教程)1.钩子函数在你看不到的地方做了什么?2.done函数(我把它叫做过渡完成函数)在过渡过程中扮演的角色3.过渡的时间、过渡完成标志详细...原创 2020-03-01 18:30:23 · 282 阅读 · 0 评论