vue 渲染函数

使用方法

v-if :

侠课岛

template 中配合 v-if 条件渲染一整组 :


使用v-else 指令来表示 v-if 的 else,v-else 元素必须紧跟在 v-if 或者 v-else-if元素的后面,否则它将不会被识别 :

True

FALSE

多次使用 v-if :

绿

如图所示:


vue 渲染函数_第1张图片
x14code.png

vue 渲染函数_第2张图片
x14.png

key 管理可复用的元素

通常会复用已有元素而不是从头开始渲染(就近原则),key使得Vue渲染速度会变得非常快。

下面是key的使用方法:


  
vue 渲染函数_第3张图片
x14-key.png

v-show vs v-if

v-show:

Hello!

v-show:比较简单,不管初始条件是什么,元素总是会被渲染,并且只是简单的基于CSS进行变换。初始渲染开销较大。

v-if:有更高的切换开销。

如果需要非常频繁的切换,那么使用v-show比较好;如果在运行条件不太可能改变的情况下,则使用v-if较好。

更多学习参考:https://www.9xkd.com/

你可能感兴趣的:(vue 渲染函数)