javascript - 除了计算之外的任何其他方式来存储 Vue 路由参数，使得引用无法修改

Question

我有一个 Vue 组件，我需要在其中获取路由参数并在几个 XHR 请求中传递它，并且可能也需要在其他地方使用它。起初我以为我会将其存储为 data 属性，但从技术上讲，有人可以修改它。

然后我想，由于我正在显示的屏幕的路线不会改变(路线的更改可能会导致另一个屏幕或 404)，我可以将其设为计算的，它永远不会重新- 计算，因此以下内容实际上创建了一个可以根据需要作为 this.ID_A 引用的常量。还有其他方法可以实现类似的效果吗？

computed: {
    ID_A() {
        return this.$route.params.id_a;
    }
}

Answer 1

您可以设置 vue-router 将参数作为 props 传递给组件:https://router.vuejs.org/guide/essentials/passing-props.html