Блог

Привет, у меня есть 2 проекта, один есть core , а другой есть plugins [у обоих проектов есть своя папка и package.js] мое намерение состоит в том, что плагин должен работать без core самостоятельной компиляции.

Структура проекта: только визуализированный вид, а не папки

 lt;core projectgt; lt;!-- core project or project 1 --gt;  lt;iframe src="plugin/dist/index.html"gt; lt;!-- plugins project or project 2 --gt; lt;core projectgt;  

Теперь я нахожусь в такой ситуации, когда мне нужно полностью перенести css и vuex сохранить в плагин

Вот как я настраиваю основной компонент в загруженный body объект, чтобы его можно было использовать в плагинах

 let coreComp1 = import('/path'); parent.document.components = coreComp1; // similar to jquery $('body').data('components',coreComp1)  

теперь в плагинах я могу получить доступ вот так

 lt;compxgt;lt;/compxgt; ... { components:{  compx: ()=gt; parent.document.components //lt;-- observe this line } }  

Теперь компонент core рендеринга корректно без css и vuex методов

vuex методы в моем основном компоненте выглядят так, как показано ниже

 {  methods:{  doAssetUpdate(){  this.updateAssets().then(...) lt;!-- **getting error:** Cannot read properties of undefined --gt;  },  ...mapActions("assets", ["updateAssets"]),  }  }  

Вопрос: имея в виду описанный выше сценарий, как отправить компонент с использованным vuex и css с ним.

Пожалуйста, помогите мне, заранее спасибо !!