百科狗-知识改变命运!

v-bind - 动态绑定 - vue 内置指令 API

乐乐2年前 (2023-11-21)阅读数 14#技术干货
文章标签绑定

v-bind - 动态绑定 - vue 内置指令 API

v-bind

  • 缩写::
  • 预期:any(with argument)| Object(without argument)
  • 参数:attrOrProp(optional)
  • 修饰符:.camel-将 kebab-case attribute 名转换为 camelCase。
  • 用法:

    动态地绑定一个或多个 attribute,或一个组件 prop 到表达式。

    在绑定classstyleattribute 时,支持其它类型的值,如数组或对象。可以通过下面的教程链接查看详情。

    在绑定 prop 时,prop 必须在子组件中声明。可以用修饰符指定不同的绑定类型。

    没有参数时,可以绑定到一个包含键值对的对象。注意此时classstyle绑定不支持数组和对象。

















.camel修饰符允许在使用 DOM 模板时将v-bindproperty 名称驼峰化,例如 SVG 的viewBoxproperty:

在使用字符串模板或通过vue-loader/vueify编译时,无需使用.camel

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)
{if $zbp->Config('yd1125')->foot}