如果您的项目使用 Vite 构建,可以通过为 script 标签添加 setup 属性来简化上面章节内的代码
<template>
<div>
姓名 : {{user}}<br />
年龄 : {{age}}
</div>
</template>
<script setup>
import {ref} from "Vue";
// 定义变量
const age = ref(20);
const user = ref('LessCode..');
</script>
是不是非常简单呢? 后面的章节演示代码我们将使用此种方式。