数字教材框架
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
unknown
2024-06-13 6d008888230a2593f578a449f561e966cadcc385 
 src/main.js


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


import Vue from "vue";


import App from "./App.vue";


import less from "less";


import "./assets/style/main.css";


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,6 +49,18 @@


// qiankun


export async function bootstrap() {}


export async function mount(props) {


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


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


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


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


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


    store.commit("setQiankun", state);


  });




  // props.setGlobalState({


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


  // });




  render(props);


}


export async function unmount() {


@@ -54,7 +69,7 @@


  instance = null;


}




new Vue({


  store,


  render: (h) => h(App)


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


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


// export async function update(props) {


//   render(props);


// }