vue中{{}}用法

{{}}作为html模板，用于输出对象属性和函数返回值，其中内容可以是：

1. 变量
2. 三元表达式
3. 函数

<template>
  <div>
    <!--变量-->
    <div>{{title}}</div>
    <!--三元表达式-->
    <div>{{true?'正确':'错误'}}</div>
    <!--函数-->
    <div>{{personName.split("")}}</div>
  </div>
</template>

<script>
export default {
  name: "try",
  data() {
    return {
      title: '标题',
      personName: '邓布利多'
    }
  }
}
</script>

输出结果：标题、正确、["邓", "布", "利", "多"]