akxcv/vuera

Usage with Vuex

Open

#15 opened on Oct 14, 2017

View on GitHub
 (3 comments) (0 reactions) (0 assignees)JavaScript (4,260 stars) (264 forks)batch import
enhancementhelp wanted

Description

Is there any way to maintain the $store Vuex instance property that's provided by Vuex? My app is a Vue application that uses Vuex for state management, but after reaching a React component that has Vue components as children, those components no longer have access to the Vuex store.

Outside of that I'm loving it so far, very easy to integrate with presentational components that don't need access to state, I'm just running into this issue on components requiring access to global state. :)

Contributor guide

Tech stack
vuereactjavascript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
VueVuexReactvuera
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
50
Research direction
Investigate how vuera renders Vue components inside React. The Vue component may lose access to the Vuex store because the store is typically provided via Vue's root instance. Consider how to pass the store to the Vue component's root instance or use a custom Vuex installation. Look at the source code in src/ for VueRenderer and ReactRenderer to understand the component lifecycle. Also check the comments in the issue for any proposed solutions.