VUE面试题v-show 与 v-if 区别动态绑定class的方法计算属性和 watch 的区别怎样理解单向数据流keep-alive前端面试题 -- Vue自定义组件的语法糖 v-model 是怎样实现的生命周期组件通信路由跳转vue-router 有哪几种导航钩子Vue.js 2.x 双向绑定原理什么是 MVVM,与 MVC 有什么区别vuexthis.$nextTick()vue的原理理解
一、请详细说下你对vue生命周期的理解?vue生命周期总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后。1、创建前/后:在beforeCreated阶段,vue实例的挂载元el还没有。2、载入前/后:在beforeMount阶段,vue实例的$el和data都初始化了,但还是挂载之前为虚拟的dom节点,data.message还未替换。在mounted阶段,vue实例挂载完成,dat
转载 2024-04-06 11:11:29
58阅读
本文简单介绍如何搭建一个简单前端框架目录1.安装node.js2.安装vue及依赖包3.配置项目简单安装过程:1.安装node.js这个直接推荐一篇菜鸟安装教程,包含windows和linux下安装,传送门如何安装node.js2.安装vue及依赖包安装好node.js后,就已经安装了npm。但是直接使用npm下载组件会很慢,我们首先安装淘宝镜像。 一下命令都是通过打开cmd控制台里面运行,除了特
 1、什么是MVVM? 答:MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型,可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型渲染到页面上,转化成UI 展现出来,ViewModel 是一个同步View 和 Model的对象,ViewModel通过双向绑定把View和Model进行同步交互
vue的两个核心组件系统、数据驱动什么是双向数据绑定?v-model,数据发生变化,同步视图,视图发生变化,同步数据什么是单向数据流?在父向子传值的时候,如果改变父组件的值,子组件会跟着同步更新,反之不允许MVVM的设计思想的优势?双向绑定技术,当Model变化时,View也会自动变化,view发生更新,model也跟着同步我们减少了dom的操作,因为我们只需要关注数据就可以mvvm的设计思想大大
1、多个组件之间如何拆分各自的state,每块小的组件有自己的状态,它们之间还有一些公共的状态需要维护,如何思考这块(1)公共的数据部分可以提升至和他们最近的父组件,由父组件派发 (2)公共数据可以放到vuex中统一管理,各组件分别获取2、key主要是解决哪一类的问题,为什么不建议用索引index(重绘)(1)key的作用主要是为了高效的更新虚拟DOM (2)当以index为key值时,如果数组长
转载 2024-06-08 15:49:31
73阅读
文章目录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
转载 2024-06-29 07:44:52
65阅读
v-if 和 v-for哪个优先级更高?如果两个同时出现,应该怎么优化得到更好的性能v-for优先于v-if被解析(把你怎么知道的告诉面试官)// 源码中找答案:compiler/codegen/index.js > genElement() if(el.staticRoot && !e.staticProcessed){ return ... }else if(el
转载 2024-01-15 12:08:16
53阅读
文章目录1、vue的生命周期2、Vue2.x 双向绑定原理3、Vue3.x 响应式原理4、v-for 为什么要加上 key5、Vdom的理解6、vuex 的结构,以及 actiion 和 mutation 的区别7、axios 的原理以及优点,如何终止 axios 请求8、vue 的缺点9、vue 和 react 区别10、computed 和 watch 区别,以及 computed 如何实现
转载 2024-09-18 19:23:26
22阅读
1.虚拟DOM 虚拟DOM就是为了解决浏览器性能问题而被设计出来的。 若一次操作中有10次更新DOM的动作,虚拟DOM不会立即操作DOM,而是将这10次更新的diff内容保存到本地一个JS对象中,最终将这个JS对象一次性attch到DOM树上,再进行后续操作,避免大量无谓的计算量。所以,用JS对象模 ...
转载 2021-07-19 17:56:00
165阅读
2评论
1、在vue中watch和created哪个先执行?为什么? 答:watch 中的 immediate 会让在初始值声明的时候去执行计算,否则就是 created 先执行 2、vue中mixins和extends有什么区别? 答:https://blog..net/qq_2435
原创 2022-09-19 16:39:35
3101阅读
1.<keep-alive></keep-alive>的作用是什么?用户在某个列表页面选择筛选条件过滤出一份数据列表,由列表页面进入数据详情页面
转载 2022-05-26 12:29:46
276阅读
谈谈你对Vue的理解1.它是一个渐进式JavaScript框架 2.核心库加插件 3.动态创建用户界面 4.使用MVVM模式 5.代码简洁 体积小 能够提高运行效率 6.适合PC端和移动端的开发 7.可以轻松引入vue插件以及其他第三方库进行开发Vue的优缺点vue两大特点:响应式编程、组件化。vue的优势:轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。vu
原创 精选 2022-09-28 20:28:00
222阅读
1、v-show 和 v-if的区别,v-show 和 keep-alive 的区别 答案:v-show是 CSS display 控制显示和隐藏 v-if 是组件真正的渲染和销毁,而不是显示和隐藏 频繁切换显示状态用 v-show,否则用 v-if keep-alive 是在vue 框架层级进行的
原创 2021-07-08 09:10:15
626阅读
1.先介绍下Vue的 ‘响应式系统’Vue为MVVM框架,当数据模型data变化时,页面视图会得到响应更新,其原理对data的getter / setter方法进行拦截(Object.defineProperty-Vue2.0   Proxy-Vue3.0 ),利用发布订阅的设计模式,在getter方法中进行订阅,在setter方法中发布通知,让所有订阅者完成响应。在
转载 2024-08-09 11:20:59
120阅读
 1、说说你对 SPA 单页面的理解,它的优缺点分别是什么?SPA( single-page application )仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机制实现 HTML 内容的变换,UI 与用户的交互,避免页面的重新加载。优点:用户体验好、快,内
VUE面试题:1.绑定 class 的数组用法2.vue中transition的理解?3.vue的自定义指令?4.vue的diff算法理解?5.vue的filter的理解与用法?6.vue首屏白屏如何解决?7.vue中的v-cloak的理解?8.vue中template编译的理解?9.
转载 2024-02-26 11:28:39
287阅读
1、Vue 的双向数据绑定原理是什么? 2、详细说一下你对 vue 生命周期的理解? 3、请说下封装 vue 组件的过程? 4、你怎么理解 vue 是一个渐进式的框架? 答:1.开发的时候需要什么就加什么。我们可以通过添加组件系统、客户端路由、大规模状态管理来构建一个完整的框架。更重要的是,这些功能
原创 2022-01-21 10:55:13
208阅读
1、Vue的生命周期? beforeCreate 、created、beforeMount、mounted、beforeUpdate、updat...
原创 2022-03-01 15:04:11
239阅读
1、在vue中watch和created哪个先执行?为什么? 答:watch 中的 immediate 会让
原创 2023-07-14 16:25:33
328阅读
  • 1
  • 2
  • 3
  • 4
  • 5