vue面试题

这篇博客主要探讨了Vue面试中常见的问题,包括基本数据类型与引用数据类型的区别、数组API、Vue-router的两种模式及其区别、Vue组件的data为何是函数、$nextTick的原理和应用场景、组件传参的方式以及Vue跳转界面的API。还讨论了解决跨域问题的策略以及Vue与jQuery的区别。此外,还涵盖了Vue-router的配置、路由前置守卫、何时封装组件以及props的验证规则等知识点。
摘要由CSDN通过智能技术生成

一.基本数据类型和引用数据类型的区别?      

1. 存储上的区别:基本数据类型是存放在栈中的简单数据段。引用数据类型是存放在堆内存中的对象,在栈内存中存放的是堆内存中具体内容的引用地址,通过这个地址可以快速查找到对象。

1. 比较上的区别:基本数据类型的比较是值的比较。引用类型比较的是地址,也就是比较两个对象保存在栈区的指向堆内存的地址是否相同,虽然看起来一样,但是他们指向堆内存的地址是不一样的,所以两个对象不相等。。
二.数组的api

1.push()从数组的尾部插入一个或多个元素(会修改原数组,返回新数组长度)

2.pop()从数组的尾部删除一个元素(会修改原数组,返回被删除的元素)

3.unshift() 从数组的头部插入一个或多个元素(会修改原数组,返回被删除的元素)

4.shift() 从数组的头部删除一个元素

5.slice(start, end)  start:开始裁切的下标, end:结束裁切的下标(end切不到)  => 实际上裁切的范围是 下标start到end-1 (slice不会修改原数组,slice返回裁切出来的数组)

6.splice(start, length, [可选参数列表])  start:开始裁切的下标, length:要裁切多少个(splice会修改原数组,返回裁切出来的新数组)

7. concat([多个参数]) 连接一个或多个数组 (  不会修改原数组, 返回连接过后的数组)

8..reverse() 反转数组, 把数组的顺序进行颠倒

9.filter() 过滤数组方法, 里面接受一个回调函数

  •  不修改原数组
  •   会创建新数组, 接收过滤出来的满足条件的元素, 并且返回这个数组

10. sort() 排序

  • 不传参数, 默认按照unicode编码进行排序
  • 接收一个回调函数作为参数, 根据回调函数的返回值控制升序降序 (函数作为参数传递, 这样的函数就是回调函数)

三.Vue-router分几种模式?区别是什么

hash模式

就是指 url 后面的 # 号以及后面的字符。每次刷新页面时是直接更改 # 后的东西。

由于 hash 值变化不会导致浏览器向服务器发出请求,而且 hash 改变会触发 hashchange事件(hashchange只能改变 # 后面的 url片段);虽然 hash路径出现在URL中,但是不会出现在 HTTP请求中,对后端完全没有影响,因此改变 hash值不会重新加载页面,基本都是使用 hash 来实现前端路由的。

history模式

包含 back、forward、go方法;history 模式 URL就要和后端进行一致,所以要改为 history也需要后端的配合,否则会报错;history 每次刷新会重新向后端请求整个

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值