![](../../asset/images/user/bgImg_default.jpeg)
简介
该用户还未填写简介
擅长的技术栈
未填写擅长的技术栈
可提供的服务
暂无可提供的服务
vue3还用this吗?getCurrentInstance获取当前组件实例
在Vue3中,我们发现this是undefined,那我们真的没法使用this了吗?vu3给我们提供了一个getCurrentInstance函数: 用于获取当前组件实例。身上有个ctx属性有点类似this,通过代码可以看到如何使用。
![文章图片](https://img-blog.csdnimg.cn/cda7f146b50a4a559cd3da90f124a37c.jpeg)
vue3中使用图片懒加载(性能优化)
图片懒加载(Lazy Loading)是一种延迟加载图片的技术,它只有在图片即将进入浏览器可视区域时才加载图片,从而减少页面初始加载时间和提高页面加载性能。
![文章图片](https://img-blog.csdnimg.cn/direct/1d769908bd4a425695d81bb75c057698.jpeg)
vue3还用this吗?getCurrentInstance获取当前组件实例
在Vue3中,我们发现this是undefined,那我们真的没法使用this了吗?vu3给我们提供了一个getCurrentInstance函数: 用于获取当前组件实例。身上有个ctx属性有点类似this,通过代码可以看到如何使用。
![文章图片](https://img-blog.csdnimg.cn/cda7f146b50a4a559cd3da90f124a37c.jpeg)
vue中的插槽用法(动态插槽)
1. 当一个组件有不确定的结构时, 就需要使用slot技术了2. 注意: 插槽内容是在父组件中编译后, 再传递给子组件3. 如果决定结构的数据在父组件, 那用默认slot或具名slot
![文章图片](https://img-blog.csdnimg.cn/bec34a00564a4effa681bb449e12a466.jpeg)
vue3使用vue-router嵌套路由(多级路由)
在使用嵌套路由时,建议将路由按照功能模块进行分层,每一层代表一个主要的功能块,每个层级下的路由数量不要过多,一般建议不要超过 10 个,层级也不要超过 5 层。
![文章图片](https://img-blog.csdnimg.cn/direct/456263792df14d97a3f3b915237b7e9e.jpeg)
Vue3中props传参(多种数据类型传参方式)
`props`的参数:type: 数据类型default: 默认值required: 是否必传, true必传,false 非必传
![文章图片](https://img-blog.csdnimg.cn/direct/f17f05210e0045ad87024c536ae42660.jpeg)
到底了