Vue
文章平均质量分 73
挖掘机器人
这个作者很懒,什么都没留下…
展开
-
Vue学习日记(三)
在这里学习CompositionAPi,主要包含以下内容shallowReactive:只处理对象最外层属性的响应式(浅响应式)。shallowRef:只处理基本数据类型的响应式, 不进行对象的响应式处理。什么时候使用?作用:创建一个自定义的 ref,并对其依赖项跟踪和更新触发进行显式控制。实现防抖效果:...原创 2022-06-28 10:26:00 · 98 阅读 · 0 评论 -
Vue3学习日记(二)
这是学习Vue3相比Vue2的第二部分,主要讨论计算属性与监视、生命周期和自定义属性等两个小“坑”,deep无法监视对象数据类型监视reactive定义的响应式数据时:oldValue无法正确获取、强制开启了深度监视(deep配置失效)。同时也可以监听里面的多个属性监视的是reactive素定义的对象中的属性,配置的deep有效watch的套路是:既要指明监视的属性,也要指明监视的回调。watchEffect的套路是:不用指明监视哪个属性,监视的回调中用到哪个属性,那就监视哪个属性。w原创 2022-06-27 20:49:33 · 294 阅读 · 0 评论 -
Vue3学习日记(一)
记录一下Vue3的学习记录,相比起Vue2有什么区别Vue3相比起Vue2的改变Composition API(组合API)新的内置组件其他改变setup是所有Composition API(组合API)组件中所用到的:数据、方法等等,均要配置在setup中。setup函数的两种返回值:若返回一个对象,则对象中的属性、方法, 在模板中均可以直接使用。(重点关注!)若返回一个渲染函数:则可以自定义渲染内容。(了解)reactive函数作用: 定义一个对象类型的响应式数据(基本类型不要用它,要用函数)原创 2022-06-27 00:23:51 · 112 阅读 · 0 评论 -
(二)整理在Vue当中常用的数组方法
常用的数组方法添加/删除元素:搜索元素: —— 对每个元素都调用 ,不返回任何内容。转换数组:其他:要注意的是, 和 方法修改的是数组本身。除此之外还有几个注意点find针对的是对象数组,它返回的是对象数组的第一位,filter与 find 大致相同,但是 filter返回的是所有匹配元素组成的数组:除此之外还有几个常用的其他方法,这些方法的使用频率也较高every和map的区别every检查是不是都是,如果是,返回true,map检查数组当中的每一项,将每一项生成一个新数组fliter和find针对原创 2022-06-01 09:41:41 · 469 阅读 · 0 评论 -
element-ui的坑
总结element-ui遇到的问题,以及常见问题el-form的model、prop属性和表单校验等详解Vue 的 el-form 提供了表单校验功能, :rules 属性设置校验规则,并通过 el-form-item 的 prop 属性绑定校验规则。组件封装,让前端校验更方便。在这个过程当中遇到了一些问题1. el-form表单1.1 el-form 的 model 属性el-form 的 model 属性是用来指定表单使用的数据的,虽然 el-form 指定了 model 对象,但是,理论上原创 2022-06-01 08:25:27 · 169 阅读 · 0 评论