vue 巧妙刷新 provide 和 inject

import { provide} from "vue";

<router-view v-if="isRouterAlive"></router-view>
let globeData = reactive({
isRouterAlive: true
})

function reload () {
globeData.isRouterAlive = false;
nextTick(function () {
globeData.isRouterAlive = true;
})
}
provide('reload', reload);


// 刷新的组件
import { inject} from "vue";
let iload = inject('reload');
watch(route, () => {
iload();
})
上一篇:Vue 2.0 深入源码分析(八) 基础篇 依赖注入 provide/inject组合详解


下一篇:vue provide和inject 父组件和子孙通信