vue指令 v-bind 属性绑定 动态渲染组件

控件属性绑定 用v-bind指令
属性只要是html有效属性，一律可以绑定
写法v-bind:控件属性名
例如
v-bind:value 为控件绑定value属性

image.png
image.png

运行结果

image.png
v-bind:属性名可以简写成:属性名的方式
如下
image.png
image.png
运行结果
image.png
还有下面写法
image.png

运行结果

image.png
结合v-for
image.png
运行结果
image.png
看下案例
image.png
有一个对象 如果其属性值为String或者number类型 则渲染成文本框 如果为布尔值
则渲染成复选框
image.png
其中复选框 属性checked绑定了value值 可以根据isStu的值true false更改 选中和非选中状态
运行结果
image.png
改成false
image.png
运行结果
image.png