Question

我有一个数据对象，该对象由与vue / UI不相关的属性以及描述状态的数据组成。现在，我只希望state是反应性的，但最初需要在组件中使用整个对象。我需要vue不能修改其他属性，因为它会与访问其他属性的另一个库混淆。（期望数组但会获得观察者）

是否只能使对象的一部分具有反应性？

class Game {
    constructor() {
        this.untrackedProperty = ...;
        this.state = {
            these: "",
            should: "",
            be: "",
            reactive: ""   
        }
    }
}


// vue component
<script>
export default {
    data: function() {
        return {
            gameState: null
        }
    },
    created() {
        this.game = new Game();
        this.gameState = this.game.state;
    }
}
</script>

~~类似的东西。~~ 我的意思是“那是我认为应该起作用的方式-不能，但是我认为它很好地描述了我的意图”

Answer 1

如何将2个值传递给组件：

状态将被跟踪
untrackedProperty 这将不会被跟踪

而不是将 Game 作为一个整体传递，而是将这两个值分开

使仅嵌套属性具有反应性

1 个答案: