VUe3.0+typescript 教程之Vuex-class的使用

最新推荐文章于 2024-09-20 19:38:12 发布

柒个M

最新推荐文章于 2024-09-20 19:38:12 发布

阅读量1.5k

点赞数 3

分类专栏： D1：typeScript 文章标签： typescript vue

本文链接：https://blog.csdn.net/qq_38244874/article/details/117449751

版权

1、首先看下目录结构，不知道怎么创建项目的话，可以看 Vue3.0+typescript项目创建

2、创建一个Login.vue文件，代码：

<template>
    <div>
        <span>{
  {username}}</span>
    </div>
</template>

<script lang="ts">
    import {Component, Vue} from "vue-property-decorator";
    import {State, Getter, Action, Mutation, namespace} from "vuex-class";

    const someModule = namespace("loginVUEX");

    @Component({
        name: "Login"
    })
    export default class Login extends Vue {
        @someModule.State(state => state.username) username: any;
        @someModule.Action("saveUserNameFN") saveUserNameFN: any;
        @someModule.Getter('g