前端面试题整理9

目录

1.什么是类数组?Js中类数组如何转化数组?

2.Vue中的性能优化方案有哪些?

3.Vue中常用指令?

4.Vue组件中data为什么是个函数?

5.Vue中watch和computed的区别?

6.Vue中自定义指令的使用场景?自定义指令的用法?

7.Vue中项目中无刷新token续传怎么实现的?

8.Vue中Vue.use() 注册插件是怎么注册的?

9.Vue中网络请求axios是如何封装的?

10.Vue项目你使用到的工具类有那些?


1.什么是类数组?Js中类数组如何转化数组?

类数组是具有length属性,但不具备数组方法的对象。

类数组转换为数组:①Array.prototype.slice.call();②Array.from();③扩展运算符(…)。

2.Vue中的性能优化方案有哪些?

Vue中的性能优化方案有路由懒加载、组件懒加载、keep-alive缓存组件、按需引入第三方库、使用v-if和v-show进行条件渲染、避免使用过多的计算属性和watcher等。

3.Vue中常用指令?

v-if、v-show、v-for、v-bind、v-on、v-model、v-text等

4.Vue组件中data为什么是个函数?

这是因为当我们在多个组件中使用相同的组件时,如果data属性是一个对象,那么所有组件都会共享这个对象,这会导致数据的混乱。而如果将data属性定义成一个函数,每个组件都会有自己的实例,就不会出现数据混乱的问题了。

Vue组件中data为函数是为了避免组件之间数据污染的问题,每个组件都会返回一个新的data对象。

5.Vue中watch和computed的区别?

watch是用于监听一个特定的数据变化,当数据变化时执行某些操作。而computed是用于计算一个新的属性,该新属性的值依赖于其他属性的值,当依赖的属性值发生变化时,computed属性会自动更新。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端面试中,关于token的问题通常涉及到前端如何处理身份验证和授权。通常有以下两种方式来处理token: 第一种方式是利用Axios的请求/响应拦截器。通过使用axios.interceptors.request.use来进行请求拦截,判断localStorage中是否存在token,如果有的话,在请求头中添加token。而对于响应拦截,可以使用axios.interceptors.response.use来进行判断,如果response.status为401,则表示token失效,需要清空本地的token,并跳转到登录页。 第二种方式是使用Vue Router的全局路由守卫router.beforeEach。这个方法接收三个参数:to、from和next。如果用户访问的是不需要登录即可访问的页面(如to.path === '/login'),则直接跳转。否则,需要判断本地是否有token,如果有的话,调用next();如果没有,则调用next('/login')跳转回登录页。 总结起来,前端面试中关于token的问题主要是关于如何处理前端的身份验证和授权。可以通过Axios的请求/响应拦截器或Vue Router的全局路由守卫来实现。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [2023前端面试题及答案整理(Vue)](https://blog.csdn.net/suli77/article/details/128919978)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值