vue面试题 快来打我* 2023-01-07 04:52 8阅读 0赞 ## Vue面试题 ## **1、vue优点** 答: 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 简单易学:国人开发,中文文档,不存在语言障碍,易于理解和学习; 双向数据绑定:保留了angular的特点,在数据操作方面更为简单; 组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势 视图、数据、结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作; 虚拟DOM:dom操作是非常耗费性能的,不再使用原生的dom操作节点,极大解放dom操作,单具体操作的还是dom不过是换了另一种方式 运行速度更快:相比较于react而言,同样是操作虚拟DOM,就性能而言,vue存在很大的优势。 **2、vue父组件如何向子组件传递数据?** 答:通过props **3、子组件怎么像父组件传递数据?** 答:$emit方法 **4、v-show和v-if指令的共同点和不同点?** 答: 共同点:都能控制元素的显示和隐藏 不同点:实现本质方法不同,v-show本质就是通过控制css中的display设置为none,控制隐藏,只会编译一次; v-if是动态的向DOM树内添加或者删除DOM元素,若初始值为false,就不会编辑了,而且v-if不停的销毁和创建比较消耗性能。 总结:如果要频繁切换某节点,使用v-show(切换开销比较小,初始开销较大)。如不需要频繁切换某节点使用v-if(初始渲染开销较小,切换开销比较大) 5、如何让css只在当前组件中起作用? 答:在组件中的style前面加上scoped 6、的作用是什么? 答:keep-alive 是vue内置的一个组件,可以被包含的组件保留状态,或避免重新渲染。 7、如何获取DOM? 答:ref = “domName”,用法:this.$refs.domeName 8、说出集中vue当中的指令和它的用法? 答: v-model 双向数据绑定 (用于表单) v-if v-show 显示与隐藏 v-on:绑定事件 简写为@ 例如(@click) v-onve:只绑定一次 9、vue-loader 是什么?使用它的用途有哪些? 答:vue文件的一个加载器,将template/js/style转换成js模块 用途:js可以写es6,style样式可以scss或者less,template可以加jade等 10、为什么使用key 答:需要使用key来给每个节点做一个唯一标识,Diff算法就可以正确的识别此节点,作用主要是为了高效的更新虚拟DOM 11、ajax及安装 答:请求后台资源的模块。npm install axios --save装好,js中使用import进来,然后get、post。如果成功返回在.then函数中,失败则是在.catch函数中 12、v-model的使用 答:v-model用于表单数据的双向绑定,其实他就是一个语法糖,这个背后就做了两个操作: v-bind绑定一个value属性 v-on指令给当前元素绑定input事件
相关 面试题——vue面试题总结 vue面试题总结 1.vue的特点是什么 1.国人开发的轻量级框架 2.双向数据绑定,在数据操作方面更为简单 3.视图,数据,结构分析,不需要进行逻辑代码的修改 た 入场券/ 2023年01月18日 11:29/ 0 赞/ 430 阅读
相关 Vue面试题 > 1.对MVVM的理解 M:model层,在model层对数据进行操作和修改数据 V:视图层 VM:监听模型数据的改变和控制视图行为。相当于模型层和视图层 女爷i/ 2022年12月22日 11:17/ 0 赞/ 213 阅读
相关 vue面试题 为什么props是单向绑定的? > 所有prop都使得其父子prop之间形成了一个单向下行绑定:父级prop的更新会向下流动到子组件中,但是反过来则不行。每次父级组件发生变更 た 入场券/ 2022年11月17日 10:18/ 0 赞/ 212 阅读
相关 vue面试题 vue.js是什么? 是一套构建用户界面的 渐进式框架 vuex是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用 曾经终败给现在/ 2022年05月10日 01:03/ 0 赞/ 157 阅读
相关 Vue面试题 1. Vue中的MVVM模式 ![在这里插入图片描述][70] 即 Model-View-ViewModel Model是数据层,View是视图层,ViewMod 水深无声/ 2022年05月07日 05:56/ 0 赞/ 404 阅读
相关 Vue 面试题 Vue面试题 1、Vue总结: vue的使用方式有两种 方式一:像jQuery一样引入使用--vue的特性都可以使用,双向数据绑定 妖狐艹你老母/ 2022年04月13日 15:15/ 0 赞/ 284 阅读
相关 Vue面试题 VUE 面试题 一.对于MVVM的理解? MVVM 是 Model-View-ViewModel 的缩写。 Model代表数据模型,也可以在Model中定义数据修改 超、凢脫俗/ 2022年02月28日 06:18/ 0 赞/ 339 阅读
相关 VUE面试题 VUE 1. MVVM如何实现模板绑定,依赖是如何收集的? 2. vue2中的diff算法是怎样实现的? 3. 请详细说出vue生命周期的执行过程 4 ╰半橙微兮°/ 2022年01月30日 15:34/ 0 赞/ 277 阅读
相关 vue面试题 vue面试题 1.Vue和react的相同与不同 相同点: 都支持服务器端渲染 都有virtual DOM,组件化开发,通过props参数进行父子组件数据的 太过爱你忘了你带给我的痛/ 2021年12月08日 16:03/ 0 赞/ 387 阅读
相关 vue面试题 1.vuex中异步在哪里写,可以在mutation里面吗,为什么? Mutation 必须是同步函数 一条重要的原则就是要记住 mutation 必须是同步函数。为什么 ゞ 浴缸里的玫瑰/ 2021年12月05日 02:31/ 0 赞/ 361 阅读
还没有评论,来说两句吧...