[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>