logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue3使用vue-router路由(路由懒加载、路由传参)

vue-router 是 vue的一个插件库1. 专门用来实现一个SPA单页面应用2 .基于vue的项目基本都会用到此库

文章图片
#vue.js#前端#javascript +4
JavaScript中的for循环

for循环- 语法:for(①初始化表达式;②条件表达式;④更新表达式){③语句...}

文章图片
#javascript#前端#开发语言 +4
vue3还用this吗?getCurrentInstance获取当前组件实例

在Vue3中,我们发现this是undefined,那我们真的没法使用this了吗?vu3给我们提供了一个getCurrentInstance函数: 用于获取当前组件实例。身上有个ctx属性有点类似this,通过代码可以看到如何使用。

文章图片
#vue.js#javascript#前端 +4
vue3中使用图片懒加载(性能优化)

图片懒加载(Lazy Loading)是一种延迟加载图片的技术,它只有在图片即将进入浏览器可视区域时才加载图片,从而减少页面初始加载时间和提高页面加载性能。

文章图片
#vue.js#javascript#前端 +4
vue3还用this吗?getCurrentInstance获取当前组件实例

在Vue3中,我们发现this是undefined,那我们真的没法使用this了吗?vu3给我们提供了一个getCurrentInstance函数: 用于获取当前组件实例。身上有个ctx属性有点类似this,通过代码可以看到如何使用。

文章图片
#vue.js#javascript#前端 +4
vue中的插槽用法(动态插槽)

1. 当一个组件有不确定的结构时, 就需要使用slot技术了2. 注意: 插槽内容是在父组件中编译后, 再传递给子组件3. 如果决定结构的数据在父组件, 那用默认slot或具名slot

文章图片
#vue.js#javascript#前端 +4
vue3使用vue-router嵌套路由(多级路由)

在使用嵌套路由时,建议将路由按照功能模块进行分层,每一层代表一个主要的功能块,每个层级下的路由数量不要过多,一般建议不要超过 10 个,层级也不要超过 5 层。

文章图片
#vue.js#javascript#前端 +4
Vue3中props传参(多种数据类型传参方式)

`props`的参数:type: 数据类型default: 默认值required: 是否必传, true必传,false 非必传

文章图片
#javascript#vue.js#前端
到底了