【前端框架】vue~动态赋值
我们的页面大多数时候是动态页面，故需要在页面编写时预留口子在页面显示插入要显示的内容。
本文以【前端框架】vue~hello world中的项目进行演示
图(1)中红线圈出来的部分，使用{{ }}在指定的区域插入目标内容。此方式不可用于插入HTML代码，如需要插入HTML代码可以使用v-html指令，如图(2)
使用{{ }}方式可以在指定的区域插入目标内容，那是否可以用于为标签上的属性赋值呢？如实现图(3)的效果控制复选框的选中状态
答案是否定的，即我们无法使用{{ }}方式为标签上的属性赋值，但我们可以使用v-bind指令来实现此效果，如图(4)
这几种赋值方式均支持javaScript表达式，如图(4)中的实现可以修改为图(5)中的实现