从设置返回的值不是反应性的答案

【问题标题】：Value returned from setup is not reactive从设置返回的值不是反应性的
【发布时间】：2021-04-19 00:58:14
【问题描述】：

import { onMounted, onUpdated, readonly } from "vue";
export default {
  name: "HelloWorld",
  props: {
    msg: String,
  },
  setup(props) {
    let myMsg = null;
    onMounted(() => (myMsg = props.msg));
    onUpdated(() => (myMsg = "bar"));
    console.log(myMsg); // null 

    return { myMsg };
  },
};

https://codesandbox.io/s/empty-river-d49em?file=/src/components/HelloWorld.vue

不仅myMsg 没有反应，而且它保持不变。我做错了什么？

【问题讨论】：

标签： vue.js vuejs3

【解决方案1】：

设置中的变量需要ref 才能反应。可以查看更多关于vue3 composition apihere：

setup(props) {
  let myMsg = ref(null);
  onMounted(() => (myMsg.value = props.msg));
  onUpdated(() => (myMsg.value = "bar"));
  console.log(myMsg.value); // null 

  return { myMsg };
},

Code sandbox

【讨论】：