数字教材框架
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
闫增涛
2024-05-24 2d685f5d2ad5bf41833b3545fefe04ab17b6f96f 
 src/main.js


@@ -1,7 +1,6 @@


import Vue from "vue";


import App from "./App.vue";


import less from "less";


import "./books/childHealth/assets/main.less";


import ElementUI from "element-ui";


import "element-ui/lib/theme-chalk/index.css";


import store from "./store";


@@ -11,6 +10,7 @@


// 自定义配置


import config from "@/assets/js/config";


Vue.prototype.config = config;


// Vue.prototype.thisBookConfig = await config.getBookConfig();




// 请求处理


import MG from "@/assets/js/middleGround/WebMiddleGroundApi";


@@ -30,7 +30,10 @@


let instance = null;




function render(props = {}) {


  const { container } = props;


  const { container, onGlobalStateChange, setGlobalState } = props;


  Vue.prototype.onGlobalStateChange = onGlobalStateChange;


  Vue.prototype.setGlobalState = setGlobalState;


  Vue.prototype.container = container;


  instance = new Vue({


    // router,


    store,


@@ -46,15 +49,16 @@


// qiankun


export async function bootstrap() {}


export async function mount(props) {


  console.log(props, "子层获取的props");


  console.log(props, "子层propspropspropsprops");


  props.onGlobalStateChange((state, prev) => {


    // state: 变更后的状态; prev 变更前的状态


    console.log("子层change：",state, prev);


    if (state.bb) state.bb(123)


    console.log("子层变化：", state, prev);


    // 状态变化同步vuex，用于各页面调用


    store.commit("setQiankun", state);


  });




  props.setGlobalState({


    aa: 2


    state: 3, // 应用挂载完成，同时用于触发一次stateChange将state挂载在vuex当中


  });




  render(props);


@@ -65,7 +69,7 @@


  instance = null;


}




// new Vue({


//   store,


//   render: (h) => h(App)


// }).$mount("#app");


// 增加 update 钩子以便主应用手动更新微应用


// export async function update(props) {


//   render(props);


// }