Java VUE面试题解析（上）

1. V-for指令渲染列表时，“key”属性的作用和重要性是什么？【重点】

Vue中在进行列表渲染的时候，会默认遵守就地复用策略：

当在进行列表渲染的时候，Vue会直接对已有的标签进行复用，不会整个的将所有的标签全部删除和重新创建，只会重新渲染数据。

Vue不会去改变原有的元素和数据，而是创建新的元素然后把新的数据渲染进去。

在使用v-for的时候，Vue提供了一个key属性，这个属性必须是唯一的标识，赋值的内容不能是可变的。

作用和重要性：

key的作用是用来对比组件自身新旧DOM进行更新的，跟踪节点身份。

key的作用是辅助判断新旧虚拟DOM节点在逻辑上是不是同一对象。

key的作用是避免数据混乱的情况出现。

建议尽可能在使用v-for时提供key属性，除非遍历输出的DOM内容非常简单，或者是刻意依赖默认行为以获取性能上的提升。

2. Vue怎样渲染原始HTML？【掌握】

在网页中输出内容的典型方法是使用mustache语法标签(双大括弧语法)从方法、属性或数据变量输出数据。

使用mustache语法来渲染原始HTML，它将以文本字符串的形式去渲染，并且不会被解析；要将内容渲染和解析为HTML，我们可以使用v-html指令，如下所示：

模板：

<div id="app" v-html=”title”></div>

脚本：

new Vue({ 

el: '#app',