vue中{{}}用法

{{}}作為html模板，用於輸出對象屬性和函數返回值，其中內容可以是：

• 變量
• 三元表達式
• 函數

<template>
  <div>
    <!--變量-->
    <div>{{title}}</div>
    <!--三元表達式-->
    <div>{{true?'正確':'錯誤'}}</div>
    <!--函數-->
    <div>{{personName.split("")}}</div>
  </div>
</template>

<script>
export default {
  name: "try",
  data() {
    return {
      title: '標題',
      personName: '鄧布利多'
    }
  }
}
</script>

輸出結果：標題、正確、["鄧", "布", "利", "多"]

 

原文鏈接：https://www.cnblogs.com/emmamayday/p/14754018.html