当前位置: 首页 > 图灵资讯 > 技术篇> Java学习之Vue.js面试题(附答案)

Java学习之Vue.js面试题(附答案)

来源:图灵教育
时间:2023-04-04 10:33:09

  在在java的学习中,框架是一个非常重要的存在。常用的java语言框架有SpringMVC、Mybatis和Dubo,Vue.js也是java框架是构建用户界面的渐进式框架JavaScript框架是以数据驱动和组件化的理念构建的,采用自底向上增量开发的设计。许多公司在面试中都很先进java工程师可能会被录取Vue.js框架的知识,所以今天总结了Vue.js面试题,有学习和面试需要的朋友一起看吧。

  1、Vue.js常用指令有哪些?

  答:(1)v-model 多用于表单元素的双向数据绑定(ngular中的ng-model)(2)v-for 格式:v-for="字段名 in(of) 数组json" 循环数组或json(ngular中的ng-repeat),要注意Vue.js2开始取消$index(3)v-show 显示内容 (同angular中的ng-show)(4)v-hide 隐藏内容(同angular中的ng-hide)(5)v-if 显示与隐藏 (添加dom元素删除添加 同angular中的ng-if 默认值为false)(6)v-else-if 必须与v-if连用(7)v-else 必须与v-if连用,不能单独使用,否则报错模板编译错误(8)v-bind 动态绑定 其功能是及时更改页面的数据(9)v-on:click 对于标签绑定函数,可以缩写为@,例如,绑定点击函数,函数必须写在methods中(10)v-text 解析文本(11)v-html 解析html标签(12)v-cloak 防止闪烁(13)v-pre 原位输出标签内的元素。

  2、Vue.key值在js中的作用是什么?

  答:用于管理可重复使用的元素。因为Vue.js 尽可能有效地渲染元素,通常重用现有元素而不是从头开始渲染。当 Vue.js 当v-for正在更新渲染的元素列表时,它默认使用“就地复用”策略。若数据项的顺序发生变化,Vue.js 它不会移动DOM元素来匹配数据项的顺序,而是简单地重用这里的每一个元素,并确保它在特定的索引下显示渲染的每一个元素。key的作用主要是高效更新虚拟DOM。

  3、Vue.js $nextTick 它的作用是什么?

  答:官方解释:下次 DOM 更新循环结束后,执行延迟回调。修改数据后立即使用此方法获得更新 DOM。简单地说,再DOM操作时,Vue.js的更新是异步的,$nextTick DOM更新是用来知道什么时候完成的。

  例子:我们给一个p设置显示隐藏,点击button时 #textDiv 首先是渲染,然后我们得到它 #textdivhtml内容

  这是一段文本获取p内容

  表面上看,这个代码不会有问题,但实际上点击报错,提示得不到这里涉及p元素 Vue.js 异步更新队列。

  4、Vue.js异步更新队列是什么?

  答:Vue.js 在执行DOM更新时,只要观察到数据变化,就会自动打开一个队列,并缓冲在同一事件周期中发生的数据变化。在缓冲过程中,重复的数据将被删除,以避免不必要的计算和DOM操作。以上代码为例,您使用一个for循环来动态改变 isShow 100 第二,事实上,如果没有这种机制,它只会应用最后一个变化,DOM 要重画100次,这当然是一笔很大的开支。因此,执行thiss.isShow= true时,#textdiv直到下一个vuee才创建出来。.在js事件循环之前,才开始创建。

  上述代码应修改为: getText:function(){ this.showDiv = true; this.$nextTick(function(){ var text = document.getElementById('p').innnerHTML; console.log(text); }); }

  5、Vue是什么?.钩子函数js生命周期和生命周期?

  答:Vue.js 生命周期如下:Vue.js 例子从创建到销毁,即创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程。