drawlessonsfrom的博客

一、v-show和v-if的共同点 1、v-show和v-if都能控制元素的显示和隐藏 2、当两者均需要控制多个元素的显示与隐藏时，都可以使用HTML5新增的<template>元素来包裹需要切换显示与隐藏的多个元素。 注意：在最终的的渲染结果中是不会包含<template>元素的，实际上<template>元素是被当作一个不可见的包裹元素，主要用于分组条件的判断和列表渲染。 二、v-show和v-if的区别 1、控制元素显示与隐藏的方式 使用v-show指令，元素本身

一、v-bind指令简介 v-bind指令用于响应更新HTML元素的属性，将一个或多个属性或者一个组件的prop动态绑定到表达式。 二、v-bind的使用方式 1、绑定一个属性 <img v-bind:src="imgSrc"> 2、使用v-bind的缩写绑定属性 <img :src="imgSrc"> 3、使用相关的动态属性名 <img v-bind:[attribute]="imgSrc"> 4、内联字符串拼接 <img v-bind:src="'imag