Vuejs2 Vue.js-v-if vs v-text是否使用三元运算符？

如果可以在v-text中使用三元，那么使用v-if有什么意义

e、 g

与之相反：

<span v-if="data.value" v-text="data.value"></span>
<span v-else >-</span>

-

---

第一种使用较少的标记。

在我看来，使用三元标记是最好的解决方案。如果要显示不同的内容或其他组件，应使用

v-if

<div class="searchResults" v-if="data.results.length">
    <!-- show results -->
</div>
<div class="useful-links" v-else>
    <!-- Show some useful links, useful information or even adds when no results are found -->
</div>

---

v-if

用于在DOM中添加或删除元素。使用三元运算符，甚至是

v-show

将使元素保持在DOM上，并切换内容是否显示

<div class="searchResults" v-if="data.results.length">
    <!-- show results -->
</div>
<div class="useful-links" v-else>
    <!-- Show some useful links, useful information or even adds when no results are found -->
</div>