vue3 ref及reactive响应式原理案例 语法糖/非语法糖

非语法糖： 

<template>

    <h1>博主的信息</h1>

    <h2>姓名：{ {name}}</h2>

    <h2>年龄：{ {age}}</h2>

    <button @click="sayInfo">点击</button>

</template>

<script>

export default { //非语法池

  name: 'App',

扫描二维码关注公众号，回复： 14534793 查看本文章

  setup() {

    let name ="青阳子"

    let age = 18

    let gender = "男"

    // function sayInfo(){ //普通函数，建议写成箭头函数

    //  console.log('11111');

    // }

    const sayInfo=()=>{

        console.log('11111');

    }

     return {

        name,age,gender,sayInfo

     }

   

  }

}

</script>