初试Vue之元素、属性赋值
我们在vue中数据赋值时,会很自然而然的想到用“Mustache” 双大括号插值法来赋值在一个小案例中,比如给一个img标签附上链接 会很自然的想到运行时会很自然的发现文件资源请求失败,究其因很简单,因为src是属性而不是值,故不可直接src={{ img.path }}当然,Vue的 v-bind 已经为我们考虑完备了 官方文档对于v-bind的说明:动态地绑定一个或多个特
·
我们在vue中数据赋值时,会很自然而然的想到用“Mustache” 双大括号插值法来赋值
在一个小案例中,比如给一个img标签附上链接 会很自然的想到
<img src={{img.path}} />
运行时会很自然的发现文件资源请求失败,究其因很简单,因为src是属性而不是值,故不可直接src={{ img.path }}
当然,Vue的 v-bind 已经为我们考虑完备了
官方文档对于v-bind的说明:动态地绑定一个或多个特性,或一个组件 prop 到表达式。在绑定 class
或 style
特性时,支持其它类型的值,如数组或对象。可以通过下面的教程链接查看详情。
传送门:v-bind官方说明
注意点:在普通文本可直接使用双大括号法赋值,但对于标签的属性最好还是用v-bind来赋值,测了下,input 输入框的 value 和 placeholder 是可以使用双大括号法的。但是为了避免异议,还是遵循官方文档给的要求,给属性赋值时用v-bind吧。
更多推荐
已为社区贡献1条内容
所有评论(0)