vue 组件props传递时,为什么有时候需要加冒号,有时候不需要?

vcxiaohan 发布于 2016/09/19 22:12
阅读 3K+
收藏 0

加载中
0
leo108
leo108

加冒号的,说明=后面的是一个变量或者表达式,没加冒号的=后面就是对应的字符串字面量

0
zabcd117
zabcd117

1楼说的不完全对

:prop 这种语法是 v-bind:prop 的缩写,就是动态 prop,可以绑定变量或者直接量,比如 prop="aaa" 等价于 :prop="'aaa'",因为 v-bind 指令同时还支持修饰符(1.x),你可以 :prop.sync="name",这样就完成了这个 name 属性的双向绑定,子组件修改的话,父组件也会知道。prop="{{name}}" 这种插值的用法也是可以的,但是仅仅相当于单向绑定,相当于 :prop="name"

一别经年17
一别经年17
以往在Vue1.x中利用props的twoWay和.sync绑定修饰符就可以实现props的双向绑定功能,但是在Vue2中彻底废弃了此功能,如果需要双向绑定需要自己来实现。
返回顶部
顶部