启动项目命令：yarn dev

子组件可以访问父组件的变量

provide 写在父组件中

const width = document.Element.clientWidth;
const menuVisible = ref(width < 500 ? false : true)  //三元运算来设置
provide('xxx',menuVisible)

inhject写在子组件中

要导入
import {inject,Ref} from 'vue'
let menuVisible = inject<Ref<boolean>>('xxx')
console.log(menuVisible.value) //打印值

路由切换后执行的代码

router.afterEach(()=>{
})

可是这段代码在App.vue中访问不到，如果放进了App.vue，main.ts中又访问不到了。我们可以新建一个router.ts来放这段，别忘了export里面的router。

path:""