美文网首页
vue造轮子-网格系统

vue造轮子-网格系统

作者: zzyo96 | 来源:发表于2019-11-11 17:13 被阅读0次

1.什么是网格/栅格系统?

就是把一个div分成N个部分(n=12,16,24...),每个部分无空隙或者有空隙,css所有布局都可以分为 横向布局和纵向布局

image.png

2.git branch xxx 新建xxx分支

git checkout xxx 切换到xxx分支上

3.需要注意一点

image.png

在上图中,第一个span传的2是number类型的2 因为span前有冒号:, 而下面的传的22是字符串

4. 如何子元素是slot 怎么传值

image.png

注意子元素接受的时候不要用props vue会报提示,应该放在data中

image.png

5.computed

image.png

在vue中只会在最开始的时候读取一下colStyle,如果后面gutter变了,colStyle对象不会发生变化,解决这种情况要用到computed。总结:如果一个属性会根据另一个属性变的情况下用computed

要写成这个样子

image.png

6.在测试用例中加延时操作

要加done才可以正常进行延时操作,因为它默认为同步代码,不执行异步代码, 加了done就可以正常运行了

image.png

相关文章

  • vue造轮子-网格系统

    1.什么是网格/栅格系统? 就是把一个div分成N个部分(n=12,16,24...),每个部分无空隙或者有空隙,...

  • 网格系统(grid)

    网格系统代码网格系统测试代码 1.思路 使用row.vue和col.vue构成网格系统的基础部分 两单文件所需要的...

  • 2019-05-31 程序员修仙进阶标准,你到哪个阶段了?

    闭门造轮子 > 使用别人的轮子 > 开门造轮子 > 分享轮子

  • Vue-造轮子-0

    项目初始化 一.创建readme.md &设置license 二 安装vue 三.初识webstorm —————...

  • 造轮子之仿射变换

    有人说,我们不应该再造轮子;也有人说,学习怎么造轮子可以带来更深的理解。我说,用轮子有用轮子的乐趣,造轮子有造轮子...

  • 造轮子-golang日志系统

    介绍 golang的log包已经提供了比较完善的功能,我们只是做了一些简单的封装 主要就是构造了Writer,这个...

  • 开源时代,一杯敬明天,一杯敬过往

    Reinvent the Wheel 从“我们不要重复造轮子”到,兄弟们“我们造轮子”吧 不要重复造轮子 意味着我...

  • Vue 实现拖拽效果

    Vue 怎么实现拖拽,本来想用 Vue + 原生的 JS + HTML5 自己造一个轮子,这段时间公司要推全栈化,...

  • 轮子

    不是想造轮子,而是想获得造轮子的能力,以便我需要造的时候造的出来

  • 【springboot+easypoi】一行代码搞定excel导

    我们不造轮子,只是轮子的搬运工。(其实最好是造轮子,造比别人好的轮子) 开发中经常会遇到excel的处理,导入导出...

网友评论

      本文标题:vue造轮子-网格系统

      本文链接:https://www.haomeiwen.com/subject/jmiibctx.html