vue3 启动 Getting a value from the `props` in root scope of `<script setup>` will cause the value to lose reactivity报错

引用和提到，在Vue 3中，如果在`<script setup>`的根作用域中从`props`中获取一个值，这个值将失去响应性。这是因为在`<script setup>`中，Vue 3使用编译时的静态编译来提高性能，而不像Vue 2那样使用运行时的响应式系统。为了解决这个问题，你可以使用`ref`函数将`props`中的值转换为响应式对象，如下所示：

import { ref } from 'vue';

export default {
  props: ['myProp'],
  setup(props) {
    const myPropValue = ref(props.myProp);

    // 使用myPropValue进行后续操作

    return {
      myPropValue
    };
  }
}

引用提到的报错`TypeError Cannot read properties of undefined (reading 'apply')`与Vue 2升级到Vue 3的路由动态授权和异步加载相关。这个错误通常是由于Vue Router的版本不兼容或配置不正确引起的。你可以尝试升级Vue Router的版本，或者检查动态授权和异步加载的相关代码是否正确配置和使用。如果问题仍然存在，你可以提供更多的代码和错误信息以便进行更详细的分析和解决。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *3* [【Vue3】报错处理合集](https://blog.csdn.net/Qxn530/article/details/126856780)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
- *2* [undefined](undefined)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
[ .reference_list ]