
简介
该用户还未填写简介
擅长的技术栈
未填写擅长的技术栈
可提供的服务
暂无可提供的服务
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 本质上不过是语法糖。它负责监听用户的输入事件以更新数据
到底了







