在 Vite 下简化 Setup 用法

如果您的项目使用 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>

是不是非常简单呢? 后面的章节演示代码我们将使用此种方式。