[Vue3] Vue3의 첫 번째 인스턴스, 데이터 및 이벤트 메서드 사용법(그래픽)

 

<template>
  <h2>姓名：{
   
   { name }}</h2>
  <h2>年龄{
   
   { age }}</h2>
  <button @click="m_click">提交</button>
</template>

<script>

export default {
  name: 'App',
  setup() {
    let name = "张飞";
    let age = "28";
    function m_click() {
      alert(`我叫${name},我今年${age}岁！`);
    }

    return{
      name,
      age,
      m_click
    }
  }
}
</script>