一般来说直接看文档吧 👉 "条件渲染 | Vue.js" (https://link.segmentfault.com/?enc=Go2WGquGUhn0OK%2Fr5EMuxg%3D%3D.A32hXWULRL8qBe4dsPyVhGv5%2Bg8LjXzaV9F38frPrsv8aswiLmUbfxASGufweKbFqEbbmhUUM4ygkjLsx0S3EQ%3D%3D)
«不同之处在于 "v-show" 会在 DOM 渲染中保留该元素;"v-show" 仅切换了该元素上名为 "display" 的 CSS 属性。
"v-show" 不支持在 "" 元素上使用,也不能和 "v-else" 搭配使用。»
所以应该是保留下来当成"自定义元素" (https://link.segmentfault.com/?enc=%2BckA80bd6HS%2FohR5kNSQmQ%3D%3D.owe3d3YPM%2B%2Br5y%2FNqZjo1HotF8wUKcqGIcmzcFQqH%2Bu28mRYz7zDIfx8Ez8oX7jplFs2NwiB2%2BgFTO%2FIk7d69m2H143djtxwBZococr9uu5zZgjS3h%2BbOnGw7bZLBFy2)了。
***
但是你这样在 "template" 上面用 "v-show" 编辑器的 lint 没有提示你错误嘛?
"'v-show' directives cannot be put on tags.eslintvue/valid-v-show"
"图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241003/43037f3a9f09903373d1224c700bef8f.png)
👉 "vue/valid-v-show | eslint-plugin-vue" (https://link.segmentfault.com/?enc=TpKEjVvA%2FwfOM685PEz8eg%3D%3D.OyZIXDArYqmVf%2BTfolzWz9fPxeUblx1RUoMu3UpPTj%2Bp8wK81MvPik%2B0mLfdgOpkBfG0f%2BCagjLUcen8ajDP7w%3D%3D)