【vue3入门】-【3】使用javascript表达式

使用javascript表达式

每个绑定仅支持单一表达式，也就是一段能够被求值的JavaScript代码。一个简单的判断方法是是否可以合法的写在return后面。

<template>
  <h3>模版语法</h3>
  <p>{{ msg }}</p>
  <p>{{ number + 1 }}</p>
  <p>{{ ok ? "yes" : "No" }}</p>
  <p>{{ message.split("").reverse().join("") }}</p>
<!--以上，应尽量避免在template中使用逻辑处理，需要处理时，尽量在script中完成-->>
</template>

<script>
export default {
  data() {
    return {
      msg: "神奇的语法",
      number: 0,
      ok: true,
      message: "大家好"
    }
  }
}
//以上为文本插值的固定使用格式
</script>

以上内容出自
【【2023最新版】Vue3从入门到精通，零基础小白也能听得懂，写得出，web前端快速入门教程】 https://www.bilibili.com/video/BV1Rs4y127j8/?share_source=copy_web&vd_source=94c3d5330a46438059359e8dd2494fe9