Vuex-Class.js 0.1.0版本支持在组件中连接class

Vuex-Class.js是一个Vue.js的插件，用于简化Vuex的使用，并提供了更好的类型安全。

在最新的0.1.0版本中，Vuex-Class.js引入了一个新功能：在Vue组件中连接class。这个新特性可以让我们更方便地管理和维护状态。

如何连接class

在以前的版本中，我们需要手动从Vuex存储库中获取状态并将其传递到组件中。但现在，我们可以通过简单地使用装饰器来连接class：

------ - ---------- --- - ---- -------------------------
------ - ----- - ---- -------------

----------
------ ------- ----- ----------- ------- --- -
  ----------------- ------- -------
-

上面的代码中，我们使用了@State装饰器来连接名为myState的状态。现在，我们可以直接在组件的实例属性中访问该状态。

使用示例

假设我们有一个名为MyComponent的Vue组件，我们想要通过Vuex存储库来管理它的状态。首先，我们需要在存储库中定义相应的状态：

----- ----- - --- ------------
  ------ -
    -------- ------ --------
  --
---

现在，我们可以在组件中连接状态：

------ - ---------- --- - ---- -------------------------
------ - ----- - ---- -------------

----------
------ ------- ----- ----------- ------- --- -
  ----------------- ------- -------
-

现在，我们可以在组件的模板中使用这个状态：

----------
  ------- ----- --------
-----------

当存储库中的状态发生变化时，Vue会自动更新组件的模板。

总结

引入连接class的功能可以让我们更容易地管理和维护状态，并提高代码的可读性。通过简单地使用装饰器，我们可以将状态连接到组件中，并直接访问它们。如果你正在使用Vuex-Class.js，不要忘记升级到最新版本，以体验这个新功能！

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/32170