1、多个组件之间如何拆分各自的state,每块小的组件有自己的状态,它们之间还有一些公共的状态需要维护,如何思考这块(1)公共的数据部分可以提升至和他们最近的父组件,由父组件派发
(2)公共数据可以放到vuex中统一管理,各组件分别获取2、key主要是解决哪一类的问题,为什么不建议用索引index(重绘)(1)key的作用主要是为了高效的更新虚拟DOM
(2)当以index为key值时,如果数组长
文章目录1.vue双向绑定的原理2.解释单向数据流和双向数据绑定3.如何去除url中的“#”(history模式和hash模式的区别)4.对MVC、MVVM的理解5.介绍虚拟DOM树6.vue生命周期(4个阶段,8个钩子函数)7.组件间通信8.vue-router路由实现9.v-if 和 v-show 的区别10.$route 和 $router 的区别11.vue组件data为什么必须是函数1
vue面试题vue优点轻量级框架,只关注视图层简单易学,有中文开发文档双向数据绑定组件化视图、数据、结构分离vue父组件向子组件传递数据通过props:父组件向子组件传值就是通过在父组件中让子组件标签绑定父组件的数据,子组件的props接收父组件穿过来的值即可。<body>
<div id="app">
<my-child msg="hhhhh
什么是Vuex? 参考答案 Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态,而更改状态的唯一方法是提交mutation,例this.$store.commit('SET_VIDEO_PAUSE', video_pause,SET_VIDEO_PAUSE为mutations属性中定义的方法 。Vuex解决了什么问题? 参考答案 解决两个
转载
2023-08-18 15:30:39
79阅读
keep-alive 中的生命周期哪些keep-alive是 Vue 提供的一个内置组件,用来对组件进行缓存——在组件切换过程中将状态保留在内存中,防止重复渲染DOM。如果为一个组件包裹了 keep-alive,那么它会多出两个生命周期:deactivated、activated。同时,beforeDestroy 和 destroyed 就不会再被触发了,因为组件不会被真正销毁。当组件被换掉时,会
文章目录AQS(面试)基于AQS的ReentrantLock公平锁获取锁的过程总结非公平锁过程总结条件锁await大致流程 AQS(面试)AQS的全称是AbstractQueuedSynchronizerAQS内部维护一个状态state,通过原子更新(CAS)这个状态变量可实现加锁解锁操作。如果要实现自己的锁,可以基于AQS,重写tryAcquire,tryRelease,lock(会调用try
# Axios面试题解析
## 简介
Axios是一个基于Promise用于浏览器和Node.js的HTTP客户端。它具有简单易用的API和强大的功能,可以用于发送异步HTTP请求。在前端开发中,我们经常需要与服务器进行数据交互,Axios提供了一种简单、灵活且可靠的方式来实现。
本文将解析Axios面试题,包括题目的含义、具体实现和相关知识点的科普。代码示例将使用JavaScript语言,
原创
2023-08-17 18:30:52
104阅读
简介这是TypeScript实战的第三篇文章。前面两篇笔者分别介绍了在Vuex和Pinia中怎么使用TypeScript以及Vuex和Pinia的区别。今天我们再用TypeScript封装一遍Axios。希望能进一步巩固TypeScript的基础知识。Axios几个常用类型在使用TypeScript封装Axios之前我们先来看看Axios几个重要的类型。AxiosRequestConfigAxio
v-if 和 v-for哪个优先级更高?如果两个同时出现,应该怎么优化得到更好的性能v-for优先于v-if被解析(把你怎么知道的告诉面试官)// 源码中找答案:compiler/codegen/index.js > genElement()
if(el.staticRoot && !e.staticProcessed){
return ...
}else if(el
1.虚拟DOM 虚拟DOM就是为了解决浏览器性能问题而被设计出来的。 若一次操作中有10次更新DOM的动作,虚拟DOM不会立即操作DOM,而是将这10次更新的diff内容保存到本地一个JS对象中,最终将这个JS对象一次性attch到DOM树上,再进行后续操作,避免大量无谓的计算量。所以,用JS对象模 ...
转载
2021-07-19 17:56:00
155阅读
2评论
1、在vue中watch和created哪个先执行?为什么? 答:watch 中的 immediate 会让在初始值声明的时候去执行计算,否则就是 created 先执行 2、vue中mixins和extends有什么区别? 答:https://blog..net/qq_2435
原创
2022-09-19 16:39:35
2683阅读
1.<keep-alive></keep-alive>的作用是什么?用户在某个列表页面选择筛选条件过滤出一份数据列表,由列表页面进入数据详情页面
转载
2022-05-26 12:29:46
222阅读
在我们使用vue的开发过程中总会遇到这样的场景,封装自己的业务组件。封装页面组件前要考虑几个问题:1、该业务组件的使用场景2、在什么条件下展示一些什么数据,数据类型是什么样的,及长度颜色等3、如果是通用的内容,比如ajax数据交互部分肯定是一个通用性的东西,怎么数据请求作到通用,返回的数据分配出去又不会出错。先看一个简单的例子:APP中常用的一个场景,点开我的信息右箭头可做编辑,修改。从下面的图中
转载
2023-08-09 21:08:45
232阅读
1、Vue 的双向数据绑定原理是什么? 2、详细说一下你对 vue 生命周期的理解? 3、请说下封装 vue 组件的过程? 4、你怎么理解 vue 是一个渐进式的框架? 答:1.开发的时候需要什么就加什么。我们可以通过添加组件系统、客户端路由、大规模状态管理来构建一个完整的框架。更重要的是,这些功能
原创
2022-01-21 10:55:13
190阅读
1、Vue的生命周期? beforeCreate 、created、beforeMount、mounted、beforeUpdate、updat...
原创
2022-03-01 15:04:11
204阅读
1、在vue中watch和created哪个先执行?为什么? 答:watch 中的 immediate 会让
原创
2023-07-14 16:25:33
253阅读
1、说说你对 SPA 单页面的理解,它的优缺点分别是什么?SPA( single-page application )仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机制实现 HTML 内容的变换,UI 与用户的交互,避免页面的重新加载。优点:用户体验好、快,内
原创
2023-05-28 00:59:33
768阅读
VUE面试题:1.绑定 class 的数组用法2.vue中transition的理解?3.vue的自定义指令?4.vue的diff算法理解?5.vue的filter的理解与用法?6.vue首屏白屏如何解决?7.vue中的v-cloak的理解?8.vue中template编译的理解?9.
文章目录Java常见API面试题自动装箱与拆箱包装类型的常量池技术了解么?Integer a= 127 与 Integer b = 127相等吗String的创建机理是什么?什么是字符串常量池?String 是最基本的数据类型吗String s = new String(“abc”);创建了几个字符串对象String为什么是不可变的吗?是否可以继承 String 类在使用 HashMap 的时候
转载
2023-08-30 18:38:49
36阅读
谈谈你对Vue的理解1.它是一个渐进式JavaScript框架
2.核心库加插件
3.动态创建用户界面
4.使用MVVM模式
5.代码简洁 体积小 能够提高运行效率
6.适合PC端和移动端的开发
7.可以轻松引入vue插件以及其他第三方库进行开发Vue的优缺点vue两大特点:响应式编程、组件化。vue的优势:轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。vu
原创
精选
2022-09-28 20:28:00
192阅读