![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 86
撕意
这个作者很懒,什么都没留下…
展开
-
vue.js 组件的通信三种常用方法及简单应用
vue组件的三种常用通信方法1 父传子组件通信上图中:是一个典型的父传子组件的应用,局部组件"mylist" 通过关键字props接收实例中的数据list,先通过传参,再进行操作渲染到页面。2 子传父组件通信上图中:也是一个简单的子传父组件的应用,子组件通过事件获取msg的值,通过关键字$emit和绑定事件进行传值,实例接收到子组件传来的值。3 子组件与子组件通信上图中:两个组件myList 和mySearch的通信,通过一个实例bus搭建桥梁,分别通过bus.$emit和bus. $on原创 2020-08-12 20:32:59 · 134 阅读 · 0 评论 -
vue.js 中v-for,v-if,v-show指令的理解和简单使用
1 v-for指令作用:循环数据并渲染;将一个数组遍历或枚举一个对象循环显示时候,常用的就是列表渲染。下面是一些简单的应用:1:可以绑定数据到数组来渲染一个列表结果:上图中:value和index分别表示数据data中listd 每一个元素和索引,:key = "value"表示元素值唯一。2:可以通过一个对象的属性来迭代数据结果:上图中,通过一个对象obj来迭代数据。从而渲染到页面,value, index,key 分别表示数据对象的值,索引和键 。3:可以迭代循环整数结果:原创 2020-08-11 20:21:22 · 853 阅读 · 0 评论 -
CSS3 transition及transform属性的应用
一、CSS3 过渡属性transitioncss3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标划过、单击、获得焦点或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值过渡属性需要触发事件,如:hover(鼠标划过事件)transition-property:检索或设置对象中的参与过渡的属性说明:属性值可以单独设置否个属性,也可以设置多个...原创 2020-03-08 17:10:34 · 1009 阅读 · 0 评论 -
CSS3 新增选择符总结
CSS新增选择符一、属性选择器:1)E[attr]:只使用属性名,但没有确定任何属性值2)E[attr=“value”]:指定属性名,并指定了该属性的属性值3)E[attr~=“value”]:指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的“〜”必须的4)E[attr^=“value”]:指定了属性名,并且有属性值,属...原创 2020-03-08 14:03:10 · 91 阅读 · 0 评论 -
CSS 实现宽高自适应问题
css实现html宽高自适应问题:网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是pc端自适应。自适应的优点:元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。相对窗口和父元素的自适应写法:宽度:当块状元素不写宽度的时候,默认的宽度就是100%; 是父元素的宽度的100%;也就是始终...原创 2020-03-01 19:06:05 · 699 阅读 · 0 评论