Как перезагрузить Яндекс карту, если изменились координаты центра?

0xD34F, а какой тип данных для myMap прописать в data? Я попробовала объект, но ошибка(

Почему updated вызывает функцию очень много раз?

Андрей Хохлов, поэтому я и вызываю updated, чтобы

DOM был обновлён из-за изменения данных

. Но мне до сих пор не понятно, почему одна и та же функция вызывается огромное количество раз

Как перезагрузить Яндекс карту, если изменились координаты центра?

@0xD34F

methods: {
     mapShops() {
         ymaps.ready(init);
                var myMap;

                function init(){
                      var centerArray = [];
                      centerArray = [JSON.parse(localStorage.getItem('town')).lat, JSON.parse(localStorage.getItem('town')).long];

    console.log('centerArray', centerArray);

      myMap = new ymaps.Map("map", {
           center: centerArray,
            zoom: 15,
       });

     function setCenterFunc () {
       myMap.setCenter(centerArray);
   }
}
}
}

Как перезагрузить Яндекс карту, если изменились координаты центра?

freeExec
я попробовала сделать так

myMap = new ymaps.Map("map", {
                        center: centerArray,
                        zoom: 15,
                    });
                    myMap.setCenter(centerArray);

но ничего не происходит. Карта находится на месте (в предыдущем городе)

По какому событию можно вызвать этот код, чтобы данные из localStorage отображались корректно?

Nikita Velko, а как мне данные из другого компонента, поместить в стэйт?

По какому событию можно вызвать этот код, чтобы данные из localStorage отображались корректно?

Nikita Velko, да, по нажатию на товар, его данные отправляются в localStorage.

А где тогда можно сделать проверку на "наполняемость" localStorage?

По какому событию можно вызвать этот код, чтобы данные из localStorage отображались корректно?

Nikita Velko, извините, что опять беспокою, но с vuex работала очень мало и может быть что-то не то делаю. Но у меня ничего не поменялось: очистила localStorage и "понажимала" опять на товары, localStorage заполнился, в версте пусто((. Вот мой скрипт компонента

export default {
        computed: {
            seenGoods () { return this.$store.state.seenGoods.seenGoods },
        },
        created() {
            this.$nextTick(function () {
              
                const list = JSON.parse(localStorage.getItem('seenGoods')) || [];

                this.$store.dispatch('seenGoods/fetchSeenGoods', list);

            })
        }
    }

и сам vuex файл seenGoods.js

import Axios from 'axios'


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


export const actions = {
    fetchSeenGoods (state) {
            state.commit('setSeenGoods', JSON.parse(localStorage.getItem('seenGoods')))
    },
}

export const mutations = {
    setSeenGoods: (state, data) => {
    state.seenGoods = Object.assign({}, data)
},
}
//

скорее всего это из-за того, что я проверку вызываю в created(). Где мне ее можно вызвать?

По какому событию можно вызвать этот код, чтобы данные из localStorage отображались корректно?

Nikita Velko, спасибо. Подскажите я правильно выполняю проверку localStorage

var list = JSON.parse(localStorage.getItem('seenGoods'));

                if (list === null) {
                    list = [];
                } else {
                    list
                }
                this.$store.dispatch('seenGoods/fetchSeenGoods')

Как сделать так, чтобы данные, которые только загрузились в LocalStorage, можно было сразу использовать в коде?

lavezzi1, а есть какой-то способ как-то еще раз подгружать данные. Потому как если посмотреть видео, которое я оставляла в вопросе, то видно, что данные в LocalStorage загружаются, но чуть позже. Из-за этого "чуть" во все компоненты кладется null, а не данные с LocalStorage

Как сделать так, чтобы данные, которые только загрузились в LocalStorage, можно было сразу использовать в коде?

lavezzi1, сделала как вы сказали, но ошибка "Cannot read property 'id' of null", которая возникает в моем компоненте из-за строчки

town_id: JSON.parse(localStorage.getItem('town')).id,

не пропала

Как сделать так, чтобы данные, которые только загрузились в LocalStorage, можно было сразу использовать в коде?

lavezzi1, Сделала так

<div v-if="$route.fullPath == '/' || localStorageNoEmpty">
                <GreyBrands/>
  </div>


<script> 
data () {
            return {
                localStorageNoEmpty: true,
                localStorage: {}
            }
        },

created: function () {
            this.$nextTick(function () {
                this.localStorage = JSON.parse(localStorage.getItem('town'));
                this.localStorageNoEmpty = (this.localStorage !== null);
           })    
        },
</script>

но все равно ошибка, что "Cannot read property 'id' of null" в моем компоненте

Как сделать так, чтобы данные, которые только загрузились в LocalStorage, можно было сразу использовать в коде?

lavezzi1, не очень понятен второй пункт)

Как загрузить последнюю версию проекта с сервера с помощью git?

mshak, а в чем разница будет между stash -> pull -> stash clear и reset --hard HEAD?

Как загрузить последнюю версию проекта с сервера с помощью git?

Артем Калачян, я правильно понимаю, что после этой команды версия на локалке и версия на сервере будут одинаковые (как на сервере)?

P.S. переспрашиваю, потому как боюсь делов натворить))

Как сделать так, чтобы данные, которые только загрузились в LocalStorage, можно было сразу использовать в коде?

tema_sun Как бы эта проверка есть. Именно поэтому пустой LocalStorage заполняется данными. Но получается как бы он заполняется позже, чем идет заполнение данных в компонентах. Хотя проверка происходит в beforeCreate()

Как подключить json файл в vue.js правильно?

Может так?

$.getJSON( dataURL, function (data) {
                        ///
                    }.bind(this));

Как сделать так чтобы событие срабатывало 1 раз?

Андрей Соколовский, тоже самое, только вместо $(document) попробовала $('класс')

Как сделать так чтобы событие срабатывало 1 раз?

Андрей Соколовский, не помогает(

Как при изменении данных в LocalStorage отправлять новые запросы к API для обновления данных?

0xD34F,

И в каждом компоненте есть параметр запроса к API "town_id".

.
По сути вот, что представляет собой функция callApi

axios.get(api, {
        params: {
          town_id: JSON.parse(localStorage.getItem('town')).id
        },
      }).then((res) => {
                    this.brends = res.data.data;
                    var countItem = res.data.count_item;
                    this.numberOfPage = Math.ceil(countItem / lim);
                })

Как при изменении данных в LocalStorage отправлять новые запросы к API для обновления данных?

0xD34F, мне не очень понятно как реализовать это у меня.
queryParams - это объект параметров для каждого запроса
callApi - функция запроса к API

queryParams.town_id = JSON.parse(localStorage.getItem('town')).id;

                callApi ('brends', queryParams,'').then((res) => {
                    this.brends = res.data.data;
                    var countItem = res.data.count_item;
                    this.numberOfPage = Math.ceil(countItem / lim);
                })