我正在學習 vue.js 課程，演示者將此代碼用于 vue 組件上的 if/else 陳述句。如果有人能告訴我，為了更好地理解代碼，我不勝感激。
<template>
<!-- ? = if // : = else -->
<div :>
<h3>{{ task.text }}
<i ></i>
</h3>
<p>{{ task.day }}</p>
</div>
</template>
uj5u.com熱心網友回復：
<div :>
來源：https ://v2.vuejs.org/v2/guide/class-and-style.html#Array-Syntax
此行將有條件地添加將由空格連接的類陣列 。所以在陣列的第一個元素上，它是一個依賴于task.reminder值的三元運算子，如果是true或滿足三元的要求，它會添加reminder類或一個不會添加到類的空字串''，然后將添加1的陣列的索引。task
比如說你的task.reminderis true，div 將呈現如下：
<div >
如果它是假的，它將被渲染為
<div >
{{ task.text }}
來源：https ://v2.vuejs.org/v2/guide/syntax.html?redirect=true#Text
這就是我們如何將 vue 中的變數渲染到 DOM 中，用{{和}}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/438565.html
標籤：Vue.js
下一篇：VueV-Model改變多個物件