vue
JDDDDDDyaya
这个作者很懒,什么都没留下…
展开
-
Vue 动态引入图片的两种方式
/**Vue 动态引入图片的两种方式把图片放在public下面,放在 public下面的图片不会被webpack处理,而是直接拷贝,在代码通过 /image/${variable}.png 引入的图片,处理之后就会把variable换成对应的字符串,比如这里就换成了 image/apple.png, public下面存在这个图片,所以能够正常引入(Vue 项目的根路径就是 public,所以能够通过 / 引入图片)通过 require(‘…/…/images/apple.png’)的方原创 2021-05-26 14:00:02 · 2195 阅读 · 0 评论 -
Vue3 修改 ref的值,不触发watchEffect的原因
const myRef = ref(name: ‘jinD’)修改 myRef.value.xxx时,不触发watchEffect的原因在于,触发trigger传入的对象是否相同,在 watchEffect 里面访问 myRef.value 时,此时 track的target 是refCompImpl实例,也就是ref但是修改值时,是通过 myRef.value.xxx = newValue, 不是给 myRef.value = {}设置新值,触发的trigger是在 proxy 的 getter里面(原创 2021-04-25 11:23:20 · 4770 阅读 · 1 评论 -
vue3 watchEffect onInvalidate 解析
/** * 第一遍调用 getter,cleanUp 没有值,不会执行,然后调用watchEffect(source) 的source,source里面为cleanUp 赋值,然后输出 watchEffect * * 第二遍调用 getter,cleanUp 有值,cleanUp 的值就是onInvalidate传入的回调,先执行cleanUp, 并且cleanUp 通过闭包,保存了 watchEffect 上一次的作用域信息,可以用来清除上一次的一些信息(当watchE原创 2021-04-22 10:08:49 · 2084 阅读 · 0 评论 -
vue 父组件异步请求数据,子组件生命周期先于父组件生命周期执行
当父组件生命周期里面有异步请求的时候,如果父组件不带v-if渲染子组件的话, vue 子组件的生命周期可能在父组件之前执行,导致一系列的问题原创 2020-06-19 18:08:14 · 714 阅读 · 0 评论 -
vue $attrs 实现某些功能的动态扩展
@大家可以先看看vue $attrs的介绍vue $attrs先说说我在项目中遇到的问题吧, 我这里是有个右键菜单,右键菜单是可以动态扩展的,比如以后需要一个更新的功能,就需要添加一个更新的功能,额外的功能都是根据项目需求来的,不可能一次性就把所有的右键功能全部写出来首先说下这个组件自己逻辑的实现,右键菜单通过v-for循环出来,通过v-for循环出来第一个需要注意的地方就是,每个右键菜单的功...原创 2020-03-26 15:16:19 · 621 阅读 · 0 评论 -
vue v-model 的原理。
双向数据绑定的原理就是, 让这个表格的value值等于这个变量,然后给表格绑定 oninput事件,表格内容发生变化,直接让这个变量值等于表格新的值。<div id="app"> <input type="text" v-model="count"> <!-- <p>{{count}}</p> --> ...原创 2019-12-09 10:07:21 · 177 阅读 · 0 评论 -
vue methods,与 computed的区别。
methods 与 computed最大的区别就是,methods的方法只要被用到了,在re-render的过程中,都会被重新执行,但是computed在re-render的过程中,只有它依赖的值发生了变化,才会被重新执行。避免了重复执行。例子:<!--我的理解都在注释中,大家可以好好看看注释 --><div id="app"> <!-- 一定是...原创 2019-12-09 10:02:27 · 202 阅读 · 0 评论 -
关于vue v-for的key,和react里面的key
key 值 :为了虚拟dom能够快速找准对应的节点,进行对比,极大的提升虚拟dom对比速度,也减少了不必要的遍历举个栗子:let arr = [1, 2, 3, 4, 5]把这个 arr渲染为 虚拟dom节点, 每个虚拟dom节点上面都存在 key值。key值绑定的都是它们自己发生改变: let arr = [2, 3, 4, 5]了。生成新的虚拟dom节点(4个),新的虚拟dom和旧的...原创 2019-05-26 15:38:02 · 420 阅读 · 0 评论