Javascript Vue从另一个不工作的对象侦听

我正在尝试从另一个对象创建反应式

Vue

。请参阅下面的代码

test = {
    test: null
}

test.set = function () {
    this.test = 'data'
}

test_vue = new Vue({ data: test.test })
                   
console.log(test_vue.data) // null

test.set()

console.log(test_vue.data) // still null... I would expect 'data' here...

---

我做错了什么？

尝试将

test

值指定为属性，将

set

函数指定为vue方法

测试={
测试：空
}
test.set=函数（）{
this.test='data'
}
测试_vue=新的vue({
数据（）{
返回{
测试：测试
}
},
方法：{
set:test.set
}
})
console.log（test_vue.test）
测试集（）
console.log（测试）

---

尝试将

测试

值指定为属性，将

设置

函数指定为vue方法

测试={
测试：空
}
test.set=函数（）{
this.test='data'
}
测试_vue=新的vue({
数据（）{
返回{
测试：测试
}
},
方法：{
set:test.set
}
})
console.log（test_vue.test）
测试集（）
console.log（测试）

您可以使用Vue 2或Vue 3创建反应对象。例如，以下内容创建了一个数据存储，其中包含一个反应式

状态

对象：

从“vue”导入{observable}
常数测试={
状态：可观察({
测试：空
}),
setTest（）{
this.state.test='data'
}
}
test_vue.setTest（）/=>state.test==='data'

您可以使用Vue 2或Vue 3创建反应对象。例如，以下内容创建了一个数据存储，其中包含一个反应式

状态

对象：

从“vue”导入{observable}
常数测试={
状态：可观察({
测试：空
}),
setTest（）{
this.state.test='data'
}
}
test_vue.setTest（）/=>state.test==='data'

---

这需要我通过反应相关的。。。这不是一个很好的设计选择，虽然它可以工作。你想实现什么？从上游到下游的反应流：测试时计算和测试将创建一个主数据集。假设存在多个上游“测试”对象。我不了解您的用例，但无论您想做什么，都可以在Vue实例或任何子组件中实现这一点。这将需要我通过被动依赖设置值。。。这不是一个很好的设计选择，虽然它可以工作。你想实现什么？从上游到下游的反应流：测试时计算和测试将创建一个主数据集。假设有几个上游“测试”对象。我不了解您的用例，但无论您想做什么，都可以在Vue实例或任何子组件中实现