Javascript 在不接触DOM-Vue.js的情况下更新应用程序的状态

我正在浏览Vue.js指南，发现了一段。它说：

注意，在这个方法中，我们只需更新应用程序的状态，而不必接触DOM

---

基本上，该方法只需单击按钮即可反转字符串。我无法理解的是在不接触DOM的情况下更新应用程序状态的概念。国家在这里意味着什么？有人能用外行的术语解释一下吗？

如果我真的简化了它，那么我会说是应用程序使用的数据。其中包括，例如，您的反向字符串

或例如：

State: { isSwitchedOn: false }
UpdateStateFunc: (state, value) => state.isSwitchedOn = value;

---

因此，我们可以使用

UpdateStateFunc

更新

isSwitchedOn

，但这并不意味着我们将数据推送到DOM（即用户可见的内容）。让它对用户可见可能是另一个功能。

如果我真的简化了它，那么我会说它是用于应用程序的数据。其中包括，例如，您的反向字符串

或例如：

State: { isSwitchedOn: false }
UpdateStateFunc: (state, value) => state.isSwitchedOn = value;

---

因此，我们可以使用

UpdateStateFunc

更新

isSwitchedOn

，但这并不意味着我们将数据推送到DOM（即用户可见的内容）。使其对用户可见可能是另一个功能。

Vue.js的基石之一是其简单实现的双向数据绑定。这意味着，当在

Vue

对象/实例中更改状态或数据值时，它也会在DOM中同步和更改，反之亦然，而无需手动更新这两者

在纯Javascript的情况下，例如：

函数changeData（）{
document.getElementById（'data'）.innerHTML=“Second”；
}

弗斯特
更改值
Vue.js的基石之一是其简单实现的双向数据绑定。这意味着，当在
Vue
对象/实例中更改状态或数据值时，它也会在DOM中同步和更改，反之亦然，而无需手动更新这两者

在纯Javascript的情况下，例如：


函数changeData（）{
document.getElementById（'data'）.innerHTML=“Second”；
}

弗斯特
更改值