002.Vue3入门，使用模板语法的一些高级功能

1、代码如下：

<template>
  <h3>模板语法</h3>
  <p>{{ msg }}</p>
  <p>{{ msg_cn }}</p>
  <p>{{ number + 1 }}</p>
  <p>{{ ok ? 'Yes' : 'No' }}</p>
  <p>{{ message.split("").reverse() }}</p>
  <p>{{ message.split("").reverse().join("") }}</p>
  <a href='https://www.baidu.com'>访问百度</a>
  <p>{{ rawHtml }}</p>
  <p v-html="rawHtml"></p>
</template>

<script>
export default {
  data() {
    return {
      msg: "Hello World!",
      msg_cn: "你好,世界",
      number: 10,
      ok: true,
      message: "大家好",
      rawHtml: "<a href='https://www.baidu.com'>访问百度</a>"
    }
  }
}
</script>

<style>
</style>

2、效果如下：