Javascript Vue 3-如何使用无.value的无功参考和计算？

使用时，我们可以在

computed

部分定义一些属性，在

data

部分定义一些属性。通过

此

引用，即在同一对象中，可以从实例访问所有这些对象。非常合适

例如：

if（this.hasMore）{
这是。加载=真；
...
}

其中，

hasMore

是一个计算属性，

load

是一个反应属性

有没有可能通过via做类似的事情？例如，实现类似的代码，但其中

分页

是一个简单的对象，而不是指向组件的链接，如：

if (pagination.hasMore) {
   pagination.loading = true;
   ...
}

---

这根本不是解决方案，因为它返回

ref

，它的使用将与上面示例中使用

this

完全不同。

您可以使用具有计算属性的

反应性

对象。然后，您可以按照自己的方式访问：

const pagination=reactive({
加载：false，
hasMore:计算（（）=>{
返回true；
})
})

演示：

const{createApp，reactive，computed}=Vue；
const app=createApp({
设置（）{
常数分页=无功({
加载：false，
hasMore:计算（（）=>{
返回true；
})
})
if（分页.hasMore）{
pagination.loading=true；
}
返回{
标页码
}
}
});
应用程序安装（“应用程序”）

{{分页}
可以共享这两个案例的整个上下文