本地应用

v-text

image-20230807155040038.png

v-html

设置标签的innerHTML, 会被解析成html

image-20230807155337642.png

v-on

为元素绑定事件

image-20230807155601744.png

v-show

根据表达式真假, 切换元素的显示和隐藏, 比v-if性能更好

image-20230807161151790.png

v-if

根据表达式真假, 切换元素的显示和隐藏

和v-show效果用法完全一样, 只是v-show实际操纵的样式, v-if直接操纵dom树!

v-bind

设置元素属性(src,title,class)

image-20230807162001708.png

实例:图片切换

image-20230807162645356.png

v-for

根据数据生成列表结构

image-20230807163148172.png

image-20230807163457381.png

v-model

便捷地获得表单元素的值

image-20230807164008941.png