vue10是怎么学的：v-if,v-else-if,v-else,v-show

时间：2023-03-31 21:05:22 vue.js

v-if函数：使用v-if="ture\false"判断标签中的内容是否是渲染。v-if+v-else如果v-if中的内容为真，则渲染v-if的内容，否则渲染v-else的内容。

abc

{{message}}当isShow为假时，显示给我

v-if+v-else-if+v-else根据条件判断应该渲染哪个标签。

=90">优秀=80">良好=60">通过失败

v-showv-show只是增加了内联样式display:none，这样标签就不会显示了，但是这个标签还是会渲染到真实的dom中。v-if是根据条件判断这个元素是否应该渲染到真实的dom中。开发中选择v-if还是v-show？如果元件的开关频率高，使用v-show；如果你只切换一次，使用v-if

{{result}}