v-if的测试条件为true时执行渲染dom节点,否则直接跳过渲染下面的dom节点

今天突然忘了v-if="''"和v-if="{}"是false还是true了,查清楚了第一个为false第二个为true

JavaScript中,假值(false)真值(true)

假值(不算false的话)5个:undefined,null,NaN,0,""

真值:除了假值,其他都是真值

<view v-if="true"></view>//渲染
<view v-if="{}"></view>//渲染
<view v-if="undefined"></view>//不渲染
<view v-if="null"></view>//不渲染
<view v-if="NaN"></view>//不渲染
<view v-if="0"></view>//不渲染
<view v-if="''"></view>//不渲染

let a = {};
let b = "";
<view v-if="a">真值空对象演示</view>//a={},{}为真值true所以v-if测试条件成立为true渲染此dom
<view v-if="b">假值空字符串演示</view>//b="",""为假值false所以v-if测试条件不成立为false不渲染此dom