Vue3中模板指令的不兼容更改

时间：2023-04-02 17:31:09 HTML

Vue3中模板指令的不兼容更改键修饰符由于KeyboardEvent.keyCode已被弃用，因此Vue3继续支持它不再有意义。因此，现在建议对要用作修饰符的任何键使用kebab-cased（破折号）-cased名称。同时全局config.keyCodes选项key属性v-if/v-else/v-else-if的key属性不再需要，而vue3.x会自动生成唯一键。不能手动提供key强制重用分支>Yes

Yes

YesNokey应该设置在

...

...v-if和v-for的优先级调整很棒。在vue3中，v-if的优先级高于v-forhigherpriority官网建议：由于语法上的歧义，建议避免在同一个元素上同时使用两者。与其在模板级别管理相关逻辑，更好的方法是通过创建计算属性来过滤列表，从而创建可见元素。v-bind现在对排序敏感（v-bind的合并行为）。如果在一个元素上同时定义了v-bind="object"和相同的单个属性，v-bind绑定将在vue3中被覆盖。x中v-bind和各个属性之间存在排序关系，看代码

v-on的.native修饰符已被移除vue3.x中新增emits选项对于子组件中所有未定义为组件触发器的事件监听器，Vue现在会将它们作为原生事件监听器添加到子组件的根元素中（除非inheritAttrs:false是在子组件的选项中设置）

v-for中的ref不再注册ref数组在Vue2中，v-for中使用的ref属性会用ref数组填充对应的$refs属性，当当存在嵌套的v-for时，这种行为变得模棱两可且效率低下。在Vue3中，这样的用法将不再自动在$ref中创建数组。要从单个绑定中获取多个引用，请将引用绑定到更灵活的函数（这是一项新功能）>itemRefs不必是一个数组：它也可以是一个对象，其ref将由迭代键设置。itemRef也可以是反应式的，并在需要时被监听。

上一篇：FC和BFC

下一篇：ios本地元素滚动

Vue3中模板指令的不兼容更改相关文章