Vue + TypeScript 的项目里面继承 Vuex

标签：exp   getter   test   code   https   ntc   vuejs   tom   run   

首先需要在 Vue 项目中继承 typescript

vue add typescript

提示：如果配置完 ts 后调用 this.$store 有警告信息，请重启 vscode，或者安装 vue3 的插件后重启 vscode 充实

一、修改 store.js 为 store.ts
二、配置 store.ts 中的代码
Vuex 与 TypeScript 一起使用时，必须声明自己的模块扩充

//https://next.vuex.vuejs.org/guide/typescript-support.html#typing-store-property-in-vue-component
import { Store, createStore } from ‘vuex‘
declare module ‘@vue/runtime-core‘ {
  // declare your own store states
  interface State {
    count: number,
    list:string[],
    msg:string
  }

  // provide typings for `this.$store`
  interface ComponentCustomProperties {
    $store: Store<State>
  }
}

const store = createStore({
    state() {
        //数据
        return{
        }
    },
    mutations: {
    },
    getters: {
    },
    actions: {
    }
})

export default store

持续更新中......

Vue + TypeScript 的项目里面继承 Vuex

标签：exp   getter   test   code   https   ntc   vuejs   tom   run   

原文地址：https://www.cnblogs.com/lhongsen/p/14891714.html