面试题.md · CQ996/尚硅谷_vue前端 - Gitee.com

1月18日，北京，聊聊2025如何加入技术开发？

forked from akabeila/尚硅谷_vue前端

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

文件

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

面试题.md 1.74 KB

一键复制编辑原始数据按行查看历史

提交于 2023-11-14 09:51 . 修改路由展示

1.==v-if和v-show区别==：

渲染方式:

​	v-if根据表达式真假有条件地渲染。当表达式为真时，元素将被渲染。否则，元素将不渲染。只有当条件第一次满足时，元素才会被创建和插入DOM

​    v-show也会根据表达式的真假有条件地渲染元素。然而，无论表达式为真或假，元素始终会被创建并被插入DOM。当表达式为假时，元素将不会被显示，但它仍然存在于DOM中，并占用空间。

性能影响:

​	v-if根据条件动态创建和销毁元素，对性能的影响较大。

​	v-show不会销毁元素，只是简单地切换元素的可见性，即使频繁切换条件，v-show也不会对性能造成显著影响。

行为差异:

​	都支持异步操作。当条件改变时，v-if具有“即时”特性，因为它会立即销毁或重新创建元素。相反，v-show具有“逐渐过渡”的特性，因为它只会改变元素的可见性。

2.==路由传参==

1：路由传递参数（对象写法）path是否可以结合params参数一起使用？

this.$router.push({path:'/search',params:{keyword:this.data.keyword},query:{k:this.data.keyword.toUpperCase()}})无效

2.如何指定params参数可传可不传?

配置路由时，在占位后加上?

this.$router.push({name:"search",query:{k:this.data.keyword.toUpperCase()}})

router/index.js：

```js
path:"/search/:keyword?",//指定params参数可传可不传
component:Search,
name:'search',
meta:{
    show:true
},
```

3.params参数可传可不传，若传递的是空串，怎么解决？

this.$router.push({path:'/search',params:{keyword:''||undefined},query:{k:this.data.keyword.toUpperCase()}})

4.路由组件能不能传递props数据？

可以，三种写法

3.==节流与防抖==

Loading...

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

1

https://gitee.com/CQ996/shangsi-valley-vue-front-end.git

git@gitee.com:CQ996/shangsi-valley-vue-front-end.git

CQ996

shangsi-valley-vue-front-end

尚硅谷_vue前端

dev