Vue-router 文档给出了两种具体的使用模式:
const route = useRoute();
// Get the current value
const id = route.params.id;
// Watch for further value changes
watch(
() => route.params.id,
(newValue, oldValue) => {
console.log(`The value changed from ${oldValue} to ${newValue}`);
});
然而,在许多在线示例中,我发现路由通常被用作computed
反应属性:
const id = computed(() => route.params.id);
computed
我想知道在这种情况下这样做有什么好处?
似乎这不会捕捉到值的变化,只会使获取值变得过于复杂。还是我遗漏了什么?
它将捕获值的变化。简而言之,computed 只是这个的快捷方式: