前端框架Vue学习记录

JavaScript框架
简化Dom操作
响应式数据驱动

三大指令
v-text指令：设置元素的文本值，简写为{{}}
v-html指令：
v-on指令：为元素绑定事件，指令可简写为@
绑定的方法定义在methods属性中

v-show 根据表达式的真假，切换元素的显示和隐藏
原理是修改元素的display,实现显示隐藏
指令后面的内容,最终都会解析为布尔值值为true元素显示,值为false元素隐藏
数据改变之后,对应元素的显示状态会同步更新

v-if
根据表达式的真假，切换元素的显示和隐藏（操纵dom元素）

v-bind 设置元素属性
v-bind指令的作用是:为元素绑定属性
完整写法是v-bind:属性名
简写的话可以直接省略v-bind,只保留:属性名

v-for
根据数据生成列表结构