注意,由于HTML特性是不区分大小写的,所以传递属性值时,myMessage
应该转换成 kebab-case (短横线隔开式)my-message="hello"
。
v-bind绑定属性值
这里说一下v-bind
绑定属性值的一个特性:一般情况下,使用v-bind
给元素特性(attribute)传递值时,Vue会将""
中的内容当做一个表达式。
比如:
hello
上面这样,div
元素的attr
特性值就是message
。
而这样
hello
这里的message
应该是Vue实例的data的一个属性,这样div
元素的attr
特性值就是message
这个属性的值。
之所以说是一般情况,是因为class
和style
特性并不是这样。用v-bind:class
和class
传入正常的类名,效果是一样的,因为对于这两个特性,Vue采用了合并而不是替换的原则。
动态绑定特性值
根据上面,想要把父组件的属性绑定到子组件,