Vue基础指令(一) - v-bind

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wxw20147854/article/details/82493159

本篇文章介绍Vue框架的基础指令:v-bind。
作用:用于单向绑定数据,可以将vm里面的数据显示到对应的位置
简写:简写可以写成英文单冒号 :

例:
html文件:
浏览器显示:

注:
(1)v-bind绑定的是控件的属性,属性值由vm中data中的数据的值控制
(2)用户改变控件的属性值,不会改变vm中data中数据的值,例如用户改变input输入框里面的值,vm中的value仍然会是“这是input控件绑定的初始值”,不会随之改变

猜你喜欢

转载自blog.csdn.net/wxw20147854/article/details/82493159
今日推荐