其他分享
首页 > 其他分享> > vue中{{}}用法

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>

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

 

标签:输出,vue,函数,title,personName,标题,用法,正确
来源: https://www.cnblogs.com/emmamayday/p/14754018.html