qq_36049117的博客

<template> <div > <el-input v-model="input" :placeholder=" input1 || '请输入内容'"></el-input> <el-input v-model="input" :placeholder=" input2 || '请输入内容'"></el-input> <img :src="src1 ||'../../element_logo.svg

使用方式 <p v-if = 'true'> v-if为true</p> <p v-if = 'false'> v-if为false</p> <p v-show = 'true'>v-show为true</p> <p v-show = 'false'>v-show为false</p> 结果： 页面渲染： dom结构： 区别：v-if逻辑会预先做出判断,v-show只是单纯的css控制display:none