Java学习之Vue.js面试题（附答案）

　　在在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→渲染、更新→渲染、卸载等一系列过程。