[Vuejs]-How can I transform computed properties method into GETTER and SETTER?

by

0👍

First, ensure your Vuex module is namespaced:

// store/characters.ts
export default {
  namespaced: true, 👈
  getters: {
    getSearchPhrase: state => state.searchPhrase
  },
  //...
}

// store/index.ts
import Vue from 'vue'
import Vuex from 'vuex'
import characters from './characters'

Vue.use(Vuex)

export default new Vuex.Store({
  modules: {
    characters
  }
})

Then, use the vuex-class namespace helper to access the namespaced getter:

import Vue from 'vue'
import { Getter, namespace } from 'vuex-class'
import Component from 'vue-class-component'

const characters = namespace('characters') 👈

@Component
export class MyComp extends Vue {
  @characters.Getter('getSearchPhrase') 👈
  searchPhrase !: string;

  //...
}

Leave a comment