![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
小星有大理想
这个作者很懒,什么都没留下…
展开
-
Vue父子组件通过props传递数据
父组件通过属性props向下传递数据给子组件,子组件通过事件处理方法处理之后给父组件发送消息。比如,子组件需要某个数据,就在内部定义一个prop属性,然后父组件就像给html元素指定特性值一样,把自己的data属性传递给子组件的这个属性。而当子组件内部发生了什么事情的时候,就通过自定义事件处理方法来把这个事情涉及到的数据暴露出来,供父组件处理。例子如下:父组件把brand数据通过props传递给子组件的brand;子组件内部得到brand的值,就遍历content数组查找相关手机品牌,如果found不为f原创 2021-07-17 21:11:25 · 824 阅读 · 0 评论 -
前端踩坑(CSS)
在项目开发过程中,遇到了让页面按比例适应大小的问题,然后采用了flex布局方式。Flex 是 Flexible Box 的缩写,意为"弹性布局",我将它与网格布局结合。flex: 1=== flex: 1 1 0。flex: 1是flex-grow = 1(定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大,我这里设置为1), flex-shrink(定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小,我这里设置为1)和flex-basis(给上面两个属性分配多余空间之前, 计算项目是否原创 2021-07-16 16:12:49 · 49 阅读 · 0 评论