摘要: 1.匿名插槽 就是定义的时候不带name的插槽,使用的时候也不用带name 总结: (1)一定要分清定义插槽和使用插槽格式。如上图A是在使用一个插槽的基础上再继续定义一个匿名插槽。 (2)匿名插槽的使用可以加template也可以不加,例如图B和图C,那三个元素有没有用template包裹都一样会生 阅读全文
posted @ 2022-07-09 14:28 122www 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 一.前言 1.vue程序的运行过程:模板 -> 进行编译 -> 生成ast树 -> 数据绑定 -> 生成render函数 -> 成虚拟dom树 -> 真实dom树 模板:Vue的模板基于纯HTML,基于Vue的模板语法,我们可以比较方便地声明数据和UI的关系。 AST:AST是Abstract Sy 阅读全文
posted @ 2022-07-09 14:19 122www 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 1.定义:Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。 2.常用的属性值: (1)translate(移动): 这个属性值里面含有三个参数,依次表示x轴,y轴,z轴, 常用的translate属性的的用法介绍: 其中x,y,z的值可以为负数也可以为 阅读全文
posted @ 2022-07-09 13:58 122www 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 问题描述 如上图所示,我们需要将上述三个标签右对齐,就像上图是要达到的效果,一般采用的方法是对每个标签设置margin-left这样就需要设置三个值。 当文字变长或者变成英文的时候又需要重新设置,否则就会对不齐。因此采用下面的方式可以灵活的适应标签的长度实现右对齐。 以第一行的导入策略为例代码如下: 阅读全文
posted @ 2022-07-09 13:16 122www 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 1.首先要知道v-deep的使用场合。 在此之前先了解一下scoped属性,scoped 属性是一个布尔属性。如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。 在vue中引入了scoped这个概念,scoped的设计思想就是让当前组件的样式不会修改到其它地方的样式,使用了dat 阅读全文
posted @ 2022-07-09 13:05 122www 阅读(2638) 评论(0) 推荐(0) 编辑