码迷,mamicode.com
首页 > 其他好文 > 详细

vue中{{}}用法

时间:2021-05-24 05:59:31      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:color   title   span   用法   port   class   htm   try   输出   

{{}}作为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中{{}}用法

标签:color   title   span   用法   port   class   htm   try   输出   

原文地址:https://www.cnblogs.com/emmamayday/p/14754018.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!