dtcms 模板下载 Markdown编辑器 状态模式 magento jquery去除空格 鼠标进入和离开事件 jquery获取元素宽度 db2从入门到精通 mysql获取当前时间戳 java教程 java入门级教程 java文件流 java删除 java定义 php案例 lol设置 netreflector js关闭当前页面 python电子书 mac版matlab 4k对齐是什么意思 寂静城 微信昵称特殊字符保存 谷歌地球怎么用不了 易语言皮肤模块 vue搭建项目 调试工具 firework软件 filesaver 英语口语学习软件 实时渲染软件 php获取当前时间 word着重号 vbb 苹果手机放大镜 ae制作文字特效 python折线图 微信石头剪刀布 nvme驱动下载 ppt怎么画虚线
当前位置: 首页 > 学习教程  > 编程语言

初学vue 一些入门基础

2020/8/11 20:27:07 文章标签:

初学vue 一些入门基础

  • v-if 和v-show

v-if 和v-show

v-if:v-if 指令用于条件性地渲染一块内容,如果想切换多个元素呢?此时可以把一个template元素当做不可见的包裹元素,并在上面使用v-if。最终的渲染结果将不包含 template 元素。

v-show
v-show 另一个用于根据条件展示元素的指令。

区别
v-if 是真实的条件渲染,因为它会确保条件块在切换当中合适地销毁与重建条件块内的事件监听器和子组件。
v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做,直到在条件第一次变为真时才开始局部编译(编译会被缓存起来)。
相比之下,v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。
一般来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。


本文链接: http://www.dtmao.cc/news_show_100352.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?