Как получить доступ к vuex из компонента Vue3?

Question

[Александр Маджугин]

В Vue я делал что-то вроде: store: store,.
Внутри компонента и дальше в методах компонента обращался в this.$store.
Теперь this.$store у компонента undefined.

Как подключить к компоненту store Vuex?

На данный момент приходится делать так:

export const DataInput = {
    store: store,
	props: {
		modelValue: {
			type: String
		},
        classprefix: {
			type: String,
			required: true
		},
        title: {
            type: String
        }
	},
    emits: ['update:modelValue'],
	data ()
	{
		return {
			value: ''
		}
	},
    computed: {
        templateDir ()
        {
            return this.$options.store.state.config.bitrix.SITE_TEMPLATE_PATH;
        }
    },

Answer 1

[stanislavkm]

смотря к чему именно хотите обратиться.
если к state, то this.$store.state.(тут название переменной в state). Например:
this.$store.state.items
в самом компоненте стоить импортировать mapactions и mapgetters при необходимости:
import {mapActions, mapGetters} from 'vuex'
если к actions, то в компоненте в methods указываете:

methods:{
    ...mapActions([
      //тут названия ваших actions
      'GET_ITEMS'
    ]),

если к getters, то в computed:

computed: {
      ...mapGetters([
        //название ваших getters
        'ITEMS'
      ]),
  },

Comments

[Александр Маджугин]

Это все прекрасно, но у меня this.$store в компоненте - undefined. К чему бы я не обращался.
Я умею работать со store. В данном случае проблема в том что его нет.

[stanislavkm]

Александр Маджугин, в самом store в state есть переменная?
что-то по типу

//если обращаетесь к items со store
state:{
items:[]
}

[Александр Маджугин]

stanislavkm, самого store нет в компоненте. Какая разница что там в его state?
store нет. typeof this.$store == 'undefined';
Не знаю как еще написать.

Я конечно работаю с ним через this.$options.store, но это как-то коряво.

[Александр Маджугин]

stanislavkm, добавил в вопрос текущий костыль который приходится использовать.

[stanislavkm]

Александр Маджугин, думаю, Вам сюда

[Александр Маджугин]

stanislavkm, вы имеете ввиду добавить store не в компонент, а в экземпляр приложения? Как-то так:

new Vue({
  el: '#app',
  store: store,
})

Бесполезно. Всё равно this.$store undefined