v-if
<p><strong>条件渲染</strong></p>
<hr />
<pre><code class="language-html">&lt;p v-if=&quot;false&quot;&gt;AAA&lt;/p&gt;
&lt;p v-else-if=&quot;true&quot;&gt;BBB&lt;/p&gt;
&lt;p v-else&gt;CCC&lt;/p&gt;</code></pre>
<hr />
<p><strong>v-if 和 v-show 的区别：</strong></p>
<ul>
<li>v-if 是在初次渲染时进行条件判断，如果条件为假，则对应的 DOM 元素不会被渲染到页面中</li>
<li>v-show 无论初始条件如何都会被渲染，改变的是 CSS 的 display</li>
<li>v-if 有较高的切换开销</li>
<li>v-show 有较高的初始渲染开销</li>
<li>频繁切换的场景用 v-show</li>
</ul>
<hr />