您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

学习 vue3 shallowReactive 的碰到的问题

学习 vue3 shallowReactive 的碰到的问题

我有如下的一段 vue3 代码

<template>
  <h2>m2:{{ m2 }}</h2>
  <button @click="update">update</button>
</template>

<script lang="ts">
import { defineComponent, shallowReactive } from "vue";
export default defineComponent({
  name: "",
  setup() {
    const m2 = shallowReactive({
      name: "mingren",
      age: 20,
      car: {
        name: "奔驰",
        color: "red",
      },
    });
    const update = () => {
      m2.name = "晓明";
      m2.car.name = "宝马";
      console.log("m2: ", m2);
    };
    return { m2, update };
  },
});
</script>

疑问:shallowReactive 不是浅响应吗 为什么我修改了 carname 属性 界面也会发生改变?

vue3 2022/2/7 16:57:09 有499人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶