@garfish/bridge-vue-v2
v1.19.3
Published
garfish vue bridge for v2.
Downloads
437
Readme
"@garfish/bridge-vue-v2
Vue bridge for vue v2 subapp. For more details, check here
Usage
// child app
import { vueBridge } from '@garfish/bridge-vue-v2';
function App() {
return <div>content</div>;
}
export const provider = vueBridge({
// rootComponent、loadRootComponent 传递一个即可。二者同时存在时,取 loadRootComponent 的返回值值作为 root component.
rootComponent: App,
loadRootComponent: ({ basename, dom, appName, props }) => {
// do something async
return Promise.resolve(App);
},
handleInstance: (vueInstance, { basename, dom, appName, props }) => {
// you can do something in handleInstance after get the vueInstance
},
appOptions: ({ basename, dom, appName, props }) => {
// pass the options to Vue Constructor. check https://vuejs.bootcss.com/api/#%E9%80%89%E9%A1%B9-%E6%95%B0%E6%8D%AE
return {
el: '#app',
router: newRouter(basename),
store,
};
},
});
Contributing
Credit
- single-spa for community raised a hot wave of micro front-end solutions, and we refer to the implementation of the bridge part in single-spa and we think it is a good design, so we fork the code of the bridge implementation part and make some adjustments for the lifecycles in Garfish.