【文件属性】:
文件名称:单spa演示:单spa演示
文件大小:455KB
文件格式:ZIP
更新时间:2021-02-24 17:21:16
JavaScript
单水疗中心
1. child_vue子应用改造
基于vue-cli快速创建一个vue项目
vue create child_vue
安装single-spa-vue
yarn add single-spa-vue
修改child_vue子应用main.js入口文件
+ import singleSpaVue from 'single-spa-vue';
+ const appOptions = {
+ el: '#vueDOM', // 挂载到父应用id为vueDOM的标签中
+ router,
+ render: h => h(App)
+ }
- new Vue({
- router,
- render: h => h(App)
- }).$mount('#app');
+ // 返回vue的3个生命周期(被single-spa-vue包装过的生命周期)
+ co
【文件预览】:
single-spa-demo-main
----shadow.html(797B)
----parent_vue()
--------public()
--------yarn.lock(348KB)
--------.browserslistrc(30B)
--------src()
--------babel.config.js(73B)
--------README.md(269B)
--------package.json(470B)
----child_vue()
--------.env.buildMicro(252B)
--------.env(431B)
--------public()
--------yarn.lock(348KB)
--------src()
--------babel.config.js(73B)
--------README.md(268B)
--------.env.micro(91B)
--------vue.config.js(616B)
--------package.json(667B)
----sandbox.html(2KB)
----README.md(8KB)
----.gitignore(231B)
----child_react()
--------.env(31B)
--------public()
--------yarn.lock(523KB)
--------src()
--------craco.config.js(714B)
--------README.md(3KB)
--------.gitignore(310B)
--------package.json(889B)