В настоящее время я изучаю / создаю прототипы vue.js и vuex (в настоящее время использую обычный js).Я пытаюсь выполнить следующее:
- создать несколько экземпляров vue, имеющих свои собственные хранилища vuex, независимые друг от друга.Прямо сейчас я сохраняю только состояние / прогресс ajax в хранилище vuex и постепенно его улучшаю.
- экземпляры vue могут происходить из одного и того же определения vue (шаблон, методы и т. Д.), Но должны работать с разными экземплярами хранилища vuex..
- хранилища vuex не должны знать друг о друге (никаких столкновений) и должны работать только с соответствующими им счетчиками экземпляра vue.
Я почти достиг вышеуказанного, как показано ниже:
index.html - https://gist.github.com/guywithdoubts/2f64346929a3d8adec79a1cd927e39a8
app.html (шаблон) - https://gist.github.com/guywithdoubts/c09298a8e593705d73f19bf8427cfcf7
app.js (vue def. 1) - https://gist.github.com/guywithdoubts/66b99fabe1d1a3f15c18914b8cf64e6d
app2.js (vue def. 2) - https://gist.github.com/guywithdoubts/bda070fdebfcc8756ce80ead6e5dcd09
Теоретически, мы можем просто создать один класс из app.js и app2.js (идентичный код).Но, просто для проверки / устранения неполадок, я разделил их.
Я могу получить данные, и все, кажется, работает нормально.если я нажму кнопку обновления во втором экземпляре, я получу следующий журнал (который идеально подходит, поскольку все происходит в магазине, связанном с app2):
Но если я в первый раз нажму кнопку обновления, я получу следующий журнал:
Первый экземпляр vue (из app.js) работает/ Столкновение с хранилищем vuex, связанным со вторым экземпляром vue (из app2.js).
Я не уверен, в чем я ошибаюсь.Любая помощь приветствуется.