vue3-reactive函数

定义响应式数据

reactive是一个函数，它可以定义一个复杂数据类型，成为响应式数据

通常是用来定义响应式数据

<template>
  <div>
    <div>{{ obj.name }}</div>
    <div>{{ obj.age }}</div>
    <button @click="updatename">修改</button>
  </div>
</template>

<script>
import { reactive } from 'vue'
export default {
  name: 'App',
  setup () {
    const obj = reactive({
      name: 'ls',
      age: 18
    })
    // 修改名字
    const updatename = () => {
      obj.name = "zs"
    }
    return { obj, updatename }
  }
}
</script>

<style>
</style>