Vue:本地应用2-图片切换(vue动态引入本地图片)

v-show指令

根据真假切换元素的显示状态,最终解析为布尔值,值为true显示,值为false隐藏

Vue:本地应用2-图片切换(vue动态引入本地图片)

v-if指令

和v-show差不多

本质是通过dom元素来切换显示状态

表达式的值为true,元素存在于dom中,为false,从dom中移除

频繁切换用v-show(消耗小),

 v-bind指令

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

完整写法 v-bind:属性名 简写 :属性名(冒号+属性名)

Vue:本地应用2-图片切换(vue动态引入本地图片)

图片切换示例

Vue:本地应用2-图片切换(vue动态引入本地图片)

正文完
 0