v-if和v-show的区别

112 阅读1分钟

v-show:

  1. 严格意义上是是条件隐藏,就是就它所在元素的display:none true就显示,false就隐藏,该dom元素节点还没有脱离文档流
  2. v-show不支持<template>元素
  3. v-show有更高的初始渲染开销(页面初始走一遍生命周期),如果需要频繁的切换,使用v-show较好v-if:

v-if:

  1. 严格意义来说就是条件判断,true就显示dom元素,false就会把该元素从dom树中移除,从文档流中脱离
  2. v-if有更高的切换开销(切换一次就会走一遍生命周期)