Vue
lcc187
这个作者很懒,什么都没留下…
展开
-
vue 弹出框组件重复打开时,资源重新加载
2、v-if和:visible.sync同时使用。新增或者编辑内容使用同一个弹出框,如何使数据可以重新加载?1、绑定时间戳,有副作用,屏幕会闪烁一下。原创 2024-06-06 09:55:15 · 307 阅读 · 0 评论 -
Vue 绑定class样式
3、对象写法,适用于:要绑定样式个数确定,名字也确定,但要动态决定用不用。2、数组写法, 适用于:要绑定的样式个数不确定,名字也不确定。1、字符串写法,适用于:样式的类名不确定,需要动态绑定。原创 2024-04-20 15:13:27 · 177 阅读 · 0 评论 -
vue key的原理和作用
key是虚拟dom对象的标识,当状态中的数据发生变化时,vue会根据新数据生成新的虚拟DOM,随后vue进行新虚拟dom和旧虚拟dom的差异对比。如果不存在对数据的逆序添加、逆序删除等破坏操作,仅用于渲染列表展示,使用index没问题。若虚拟dom中内容变了,则生成新的真实dom,随后替换掉页面中之前的真实dom。会产生没有必要的真实dom更新 ==》界面效果没问题,但效率低。若虚拟dom中内容没变,直接使用之前的真实dom。2)旧虚拟dom中未找到与虚拟dom相同的key。4、开发中如何选择key?原创 2024-05-04 16:19:18 · 385 阅读 · 2 评论 -
VUE 监视数据原理
(1)使用这些API:push,pop,shift,unshift,splice,sort,reverse。通过setter实现监视,且要在new vue时就传入监测的数据。vue.set() 或者vm.$set()(2)vue.set() 或 vm.$set()(1)对象中后加的属性,vue默认不做响应式处理。(1)调用原生对应的方法对数组进行更新。(2)重新解析模板,进而更新页面。2、如何监测数组中的数据。1、如何监测对象中的数据?原创 2024-05-06 22:26:56 · 289 阅读 · 0 评论 -
Vue 生命周期
2、一般不会在beforeDestroyed中操作数据,因为即使操作数据,也不会触发更新流程了。1、销毁后自定义事件会失效,但是原生DOM事件仍有效。原创 2024-05-21 22:38:35 · 197 阅读 · 0 评论 -
Vue 创建和编辑复用同一组件总结
1、第一种方案:将初始化函数从created生命周期移动到activated函数中,activated会在该页面激活时调用,也就是你从查看,编辑,或者新建的路由进入,都会执行该函数进行数据的初始化,但是缺陷在于若用户切换到别的页面,再回到该页面也会导致数据的初始化。一般情况下,查看内容、创建内容和编辑内容因页面结构和样式相同,所以会复用同一页面,复用同一页面也会引入问题:页面在打开后,再次进入该页面,若在created中初始化数据,created不会重复执行,也就是数据不会重新加载。原创 2024-05-24 10:35:01 · 125 阅读 · 0 评论 -
v-if和v-show的区别
v-if和v-show的区别原创 2022-09-13 23:08:05 · 63 阅读 · 0 评论 -
vue 带有槽位的表格内容如何省略展示
开发中总结的css知识原创 2022-09-13 15:31:51 · 407 阅读 · 0 评论 -
Vue 监听原理
1、Vue会监视data中所有层次的数据2、如何监测对象中的数据?通过setter实现监控,且要在new Vue时就传入要监测的数据。(1)对象中后追加的属性,Vue默认不作响应式处理(2)如需给后添加的属性作响应式,请使用如下API:Vue.set(target, propertyName/index, value)vm.$set(target, propertyName/index, value)3、如何监测数组中的是数据?通过包裹数组更新元素的方法实现,本质就是作两件事原创 2022-02-17 16:48:09 · 991 阅读 · 0 评论 -
Vue 监听watch和计算属性compute的区别
1、computed能完成的功能,watch都能完成2、watch能完成的功能,computed不一定能完成,例如:watch可以进行异步操作两个重要的原则:1、所被vue管理的函数,最好写成普通函数,这样this的指向才是vm或者组件实例对象2、所有不被Vue管理的函数(定时器的回调函数、ajax的回调函数、Promise的回调函数),最好写成箭头函数,这样this的指向才是vm或者组件实例对象...原创 2022-02-08 15:39:18 · 599 阅读 · 0 评论