logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue2 和 Vue3 Diff算法之比对流程

Vue2的Diff算法- 编译时无预处理、运行时全量对比同层节点所有属性;对于 长列表/频繁重排 场景性能较差Vue3的Diff算法- 编译时标记静态节点,运行时不参与对比直接复用- 编译时为动态节点添加PatchFlags(补丁标记如:文本变化、属性变化),运行时仅对比标记部分,精准比对,减少无效对比。- 引入 最长递增子序列(LIS)算法,针对长列表和列表重排场景大幅优化,减少 DOM 移动次

Vue3.0在template、script、style中引用图片资源的方式

通过config.resolve.alias设置的别名在Vue的template模板和style样式内使用前面需加上~,在script脚本中则直接使用别名,不需加~;data中引用assets图片时,必须使用require('xxx')方式引用,否则会当字符串处理而无法显示图片

Vue3.0在template、script、style中引用图片资源的方式

通过config.resolve.alias设置的别名在Vue的template模板和style样式内使用前面需加上~,在script脚本中则直接使用别名,不需加~;data中引用assets图片时,必须使用require('xxx')方式引用,否则会当字符串处理而无法显示图片

v-model在vue2与vue3中的区别

v-model在vue2与vue3中的区别,v-model主要是用在表单 、 及元素上创建双向数据绑定。它会更具控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据

到底了