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

posted @ 2022-04-06 14:50  执手听风吟  阅读(3321)  评论(0编辑  收藏  举报