在元素上动态绑定 attribute 时,常见的场景是在一个元素中同时使用 v-bind="object"
语法和单独的 property。然而,这就引出了关于合并的优先级的问题。
在 2.x,如果一个元素同时定义了 v-bind="object"
和一个相同的单独的 property,那么这个单独的 property 总是会覆盖 object
中的绑定。
<!-- template -->
<div id="red" v-bind="{ id: "blue" }"></div>
<!-- result -->
<div id="red"></div>
在 3.x,如果一个元素同时定义了 v-bind="object"
和一个相同的单独的 property,那么声明绑定的顺序决定了它们如何合并。换句话说,相对于假设开发者总是希望单独的 property 覆盖 object
中定义的内容,现在开发者对自己所希望的合并行为有了更好的控制。
<!-- template -->
<div id="red" v-bind="{ id: "blue" }"></div>
<!-- result -->
<div id="blue"></div>
<!-- template -->
<div v-bind="{ id: "blue" }" id="red"></div>
<!-- result -->
<div id="red"></div>
如果你依赖 v-bind
的覆盖功能,目前的建议是确保在单独的 property 之前定义 v-bind
attribute。
#directives类型:Object详细:包含组件实例可用指令的哈希表。参考自定义指令#components类型:Object详细:包含组件实例可用组...
在插入、更新或从 DOM 中移除项时,Vue 提供了多种应用转换效果的方法。这包括以下工具:自动为 CSS 转换和动画应用 class;集成...
信息这是一个低级的内部 API 更改,不会影响大多数开发人员。#概览下面是对这些变化的高层次总结:删除枚举 attribute 的内部概...
Dovecot是一款能够为Linux系统提供IMAP和POP3电子邮件服务的开源服务程序,安全性极高,配置简单,执行速度快,而且占用的服务器...
我们曾经在第11章中学习过vsftpd服务与TFTP服务。vsftpd是一款功能丰富的文件传输服务程序,允许用户以匿名开放模式、本地用户模...
PHP(Hypertxt Preprocessor,超文本预处理器)是一种通用的开源脚本语言,发明于1995年,它吸取了C语言、Java语言及Perl语言的...