Vue中v-bind、v-model、v-on、循环v-for、判断v-if、v-else、v-show、v-text、v-html、v-pre、v-once非常详细包你学会

Vue中v-bind、v-on、v-model、循环v-for、判断v-if、v-else、v-show、v-text、v-html、v-pre、v-once非常详细包你学会

v-bind:属性绑定(简写:)

v-bind的绑定只是单向的,他会将data中的数据投影到绑定的地方,在被绑定的地方对数据修改时,data中的原始数据是不会改变的

v-bind指令主要用于响应式的更新html属性

一般我们要想在元素节点的属性上绑定vue的data数据

是不可以直接使用{ { }}插入值语法来使用

如果我们想让dom属性节点与data数据绑定响应

就需要使用 v-bind 指令

一般常用通过ES6语法中的解构赋值来简写

达成