Vue 3基础知识快速入门

这篇文章距离上次修改已过186天，其中的内容可能已经有所变动。




<template>
  <div>
    <h1>{{ title }}</h1>
    <p>{{ description }}</p>
    <button @click="sayHello">Say Hello</button>
  </div>
</template>
 
<script>
import { ref } from 'vue';
 
export default {
  setup() {
    const title = ref('Vue 3 App');
    const description = ref('This is a basic Vue 3 app.');
 
    function sayHello() {
      alert('Hello from Vue 3!');
    }
 
    return { title, description, sayHello };
  }
}
</script>

这个简单的Vue 3应用展示了如何使用Composition API创建Vue组件。它包括了响应式数据、方法和模板的基本使用。通过点击按钮，它会触发一个简单的警告框弹出。这是学习Vue 3的一个很好的起点。

Vue 3基础知识快速入门

评论已关闭

推荐阅读