插值语法:
最基本的数据绑定形式是文本插值,它使用的是“Mustache”语法 (即双大括号):
<span>Message: {{ msg }}</span>
双大括号标签会被替换为响应组件实例
msg
属性的值。同时每次msg
属性更改时它也会同步更新。
答案:
<script setup>
import { ref } from "vue"
const msg = ref("Hello World")
</script>
<template>
<div>
<h1>{{msg}}</h1>
</div>
</template>