TypeScript/Vue中@符号的作用？Vuex-class场景语法解析

这些类属性前的@同样是装饰器语法，和你熟悉的@Component属于同一范畴，不过是vuex-class库提供的、专门用于绑定Vuex状态的装饰器。

具体来说：

• storeCompte是通过namespace("compte")生成的Vuex命名空间绑定实例，.Getter是该实例提供的装饰器方法。@storeCompte.Getter loggedIn!: boolean的作用是，把Vuex命名空间compte下的loggedIn getter，直接绑定到当前组件类的loggedIn属性上。
• 同理，@storeRegions.Getter nomRegion!: string这类写法，是把regions命名空间下的对应getter，绑定到组件的同名属性中。后续你在组件里直接访问this.nomRegion，就能拿到Vuex中对应的getter值，省去了手动编写this.$store.getters['regions/nomRegion']的麻烦。
• vuex-class库就是为了适配Class风格的Vue组件（配合vue-class-component使用），提供了Getter、Action、Mutation等一系列装饰器，让Vuex状态与组件的绑定代码更简洁直观。

内容的提问来源于stack exchange，提问作者Salem