跳至主要內容

属性绑定

刘春龙原创...大约 1 分钟WEB前端Vue3教程文档

双大括号不能在 HTML attributes 中使用。想要响应式地绑定一个 attribute,应该使用 v-bind 指令

v-bind 指令指示 Vue 将元素的 id attribute 与组件的 dynamicId 属性保持一致。如果绑定的值是 null 或者 undefined,那么该 attribute 将会从渲染的元素上移除

提示

因为 v-bind 非常常用,我们提供了特定的简写语法,用 : 去表示

基本值绑定

布尔值绑定

布尔型 attribute 依据 true / false 值来决定 attribute 是否应该存在于该元素上,disabled就是最常见的例子之一

动态绑定多个值

如果你有像这样的一个包含多个 attribute 的 JavaScript 对象

上次编辑于:
贡献者: 刘春龙
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.15.7