【Vue3 + Vite】Vite搭建 项目解构 Vue快速学习 第一期
<template>
<div>
<h1>{{ msg }}</h1>
</div>
</template>
<script setup>
import { ref } from 'vue'
// 声明响应式数据
const msg = ref('Hello Vue 3!')
</script>
<style scoped>
h1 {
color: #333;
}
</style>这个例子展示了如何在Vue 3和Vite环境中创建一个简单的组件。它使用了<script setup>语法糖，这是Vue 3中的一个新特性，可以让你更直观地使用组合式API。同时，它还演示了如何使用ref来创建响应式数据，这是Vue 3中用于响应式的基本概念之一。
评论已关闭