Запуталась в LocalStorage?

Igor Koch, Проблема еще в том, что параметр town, метода this.getTownFromLocalStorage() - это значение this.currentCity запроса

$.getJSON('http://ip-api.com/json', function(data){
                    queryParams['lat'] = data.lat;
                    queryParams['long'] = data.lon;
                    callApi('towns', queryParams, '').then((res) => {
                        this.currentCity = res.data.data[0];
                        this.getTownFromLocalStorage(this.currentCity);
                    })
                }.bind(this));

Как заставить jQuery обрезать и/или заменять текст внутри div только после того, как Vue js построил DOM?

0xD34F, Спасибо большое, все заработало))

Как заставить jQuery обрезать и/или заменять текст внутри div только после того, как Vue js построил DOM?

0xD34F, Да, ошибка есть "TypeError: val.replace is not a function". Параметр min_price точно строка

Как заставить jQuery обрезать и/или заменять текст внутри div только после того, как Vue js построил DOM?

0xD34F, точно:)) Это я туплю. У меня еще одна проблемка возникла.

Я данные получаю с помощью REST API. Данные приходят, это видно из вкладки  Network браузера. однако если я использую метод sup(val)

<div class="price">от<span  v-html="sup(good.min_price)"></span><span class="rub">С</span></div>

. То вообще никакие данные не отображаются, а массив данные видно что пустой. Если не применяю метод, то все данные отображаются

Как заставить jQuery обрезать и/или заменять текст внутри div только после того, как Vue js построил DOM?

0xD34F , попробовала ваш пример, единственное у меня массив объектов items2: [ {a: 'AAA'}, {b: '9.99'}, {c: '0'} ] и код <p v-html="sup(item.b)"></p> не работает(( Как это можно поправить?

Как сконкатенировать данные Vuex?

lavezzi1, подскажите а как поступить, если у меня при каждом запросе (у меня это бесконечная прокрутка) нужно работать с некоторыми переменными типа

currentOffset += lim;
                    step ++;

То есть изначально (без Vuex), у меня это выглядело так

callApi ('products', queryParams, '').then((data) => {
                    currentOffset += lim;
                    step ++;
                    if (data.data.data.length) {
                        this.goods = this.goods.concat(data.data.data);
                        $state.loaded();
                        $('#preview-buttons button').hide();
                    } else {
                        $('#preview-buttons button').show();

                    }

Но теперь переношу все это в Vuex, и чего-то совсем туго идет:(

Как сконкатенировать данные Vuex?

lavezzi1 , что-то вроде этого?

export const state = () => ({
    products: []
})

export const actions = {
    fetchProducts (state, {queryParams}) {
        callApi ('products/', queryParams, '').then((res) => {
            state.commit('setProducts', res.data.data)
    })
    }
}

export const mutations = {
    setProducts: (state, data) => {
            state.products = state.products.concat(data)
        // state.good = Object.assign({}, data)
    }
}

Как сконкатенировать данные Vuex?

Ilya,  что-то вроде этого?

export const state = () => ({
    products: []
})

export const actions = {
    fetchProducts (state, {queryParams}) {
        callApi ('products/', queryParams, '').then((res) => {
            state.commit('setProducts', res.data.data)
    })
    }
}

export const mutations = {
    setProducts: (state, data) => {
            state.products = state.products.concat(data)
        // state.good = Object.assign({}, data)
    }
}

Как данные, полученные с помощью Vuex положить в переменную?

Ilya, Спасибо за совет:)

Как данные, полученные с помощью Vuex положить в переменную?

Ilya, а геттеры тоже ведь в сторе работают?

Как данные, полученные с помощью Vuex положить в переменную?

Ilya, я пробую так, но ничего не получается

this.$store.dispatch('brends/fetchDataBrends', {queryParams}).then(res => {
                    var countItem = this.$store.state.brends.dataBrends;
                    this.numberOfPage = Math.ceil(countItem / lim);
                });

Как передать в Vuex ответ типа Vue.set(self, 'cities', res.data.data)?

FLUNKEY, у меня

this.$store.dispatch('sities/fetchSities', {queryParams}).then(res => {
    Vue.set(self, 'cities', this.$store.state.sities.cities);
  });

находится внутри methods

Как передать в Vuex ответ типа Vue.set(self, 'cities', res.data.data)?

FLUNKEY, попробовала так сделать, но вылезла ошибка

Uncaught TypeError: Cannot read property 'dispatch' of undefined

//store/sities

import Axios from 'axios'
import callApi from '~/libraries/api.js'

export const state = () => ({
    cities: [],
})

export const actions = {
    fetchSities (state, {queryParams}) {
        return new Promise((resolve, reject) => {
                callApi('towns', params).then(res => {
            context.commit('setSities', res.data.data);
        resolve(res); //!
    }).catch(error => reject);
    })
    },
}

export const mutations = {
    setSities: (state, data) => {
    state.cities = Object.assign({}, data)
},
}

//внутри компонента

computed: {
            cities () { return this.$store.state.sities.cities },
        },

 this.$store.dispatch('sities/fetchSities', {queryParams}).then(res => {
                            Vue.set(self, 'cities', this.$store.state.sities.cities);
                        });

Как передать в Vuex ответ типа Vue.set(self, 'cities', res.data.data)?

FLUNKEY, Спасибо огромное)

Как передать в Vuex ответ типа Vue.set(self, 'cities', res.data.data)?

FLUNKEY, да. Но в некоторых местах кода, нужно не только выгрузить данные, но и что-то с ними сделать.
Типа этих
Vue.set(self, 'cities', res.data.data)

или для пагинации, получить данные, а потом еще еще разделить на количество и округлить.

Как передать в Vuex ответ типа Vue.set(self, 'cities', res.data.data)?

FLUNKEY, что-то вроде этого?

export const actions = {
    fetchSities (state, {queryParams}) {
        callApi ('towns', queryParams,'').then((res) => {
            state.commit('setSities', Vue.set(self, 'cities', res.data.data))
    })
    },
}

Как в Vuex передать actions передать переменные, которые используют данные ответа?

Ilya, а если мой

import Axios from 'axios'
import callApi from '~/libraries/api.js'

export const state = () => ({
    brends: [],
})

export const actions = {
    fetchBrends (state, {queryParams}) {
        callApi ('brends', queryParams,'').then((res) => {
            state.commit('setBrends', res.data.data)
         })
    }
    }

export const mutations = {
    setBrends: (state, data) => {
    state.brends = Object.assign({}, data)
},
}

у меня в моем состоянии brends лежит ответ от запроса res.data.data, а мне нужно воспользоваться данными параметра res.data.count_item, я понимаю, что геттрером для данного состояния я не смогу воспользоваться?

Можно ли хранить template отдельно от скриптов?

lavezzi1, я вас поняла:) Спасибо)

Можно ли хранить template отдельно от скриптов?

lavezzi1, а чем это может грозить?

Можно ли хранить template отдельно от скриптов?

lavezzi1, спасибо огромное)