vue.js面试题1

电玩女神 2022-12-28 07:54 126阅读 0赞

## vue.js面试题1 ##

**1、你知道v-model的原理？**  
v-model本质可以看成是value + input方法的语法糖。 可以通过model属性的prop和event属性来进行自定义。原生的v-model，会根据标签的不同生成不同的事件和属性  
（绑定数据并且监听数据改变）

**2、你知道vue2.0兼容IE哪个版本以上吗？**  
不兼容IE8及以下的  
因为vue的响应式原理是基于es5的Object.defineProperty的，而这个方法不支持ie8及以下的

**3.v-once的使用场景有哪些？**  
其作用是只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。  
故当组件中有大量的静态的内容可以使用这个指令

**4.说说你对Vue的表单修饰符.lazy的理解**  
input标签v-model用lazy修饰之后，并不会立即监听input的value的改变，会在input失去焦点之后，才会监听input的value的改变。

**5.v-show和v-if有什么区别？使用场景分别是什么？**  
v-show，切换元素的display属性,来控制元素显示隐藏，只是隐藏了节点的显示，但是节点还在，其绑定的事件也都还在。初始化会渲染，不能用在上；  
**使用场景**：需要频繁切换状态的场景

v-if，通过销毁并重建组件，来控制组件显示隐藏，初始化不会渲染。可以用在上。  
如果满足条件，则整个子节点都会被渲染出来，包括事件的绑定等  
如果不满足条件，则整个子节点都会被删除，包括事件也会被解绑  
**使用场景**：要加快初始化时的渲染速度时使用

**6.vue2.0不再支持v-html中使用过滤器了怎么办？**  
在method中定义方法  
htmlFilter(htmlString)\{  
return htmlString.replace(/+s/g,’’)  
\}  
在vue中 v-html="htmlFilter(htmlString)"即可  
可以使用 computed  
可以使用 filters过滤器  
可以使用 全局方法

**7.vue中data的属性可以和methods中的方法同名吗？为什么？**  
不可以，vue会把methods和data的东西，全部代理到vue生成对象中。  
会产生覆盖所以最好不要同名

**8.在使用计算属性的时，函数名和data数据源中的数据可以同名吗？**  
不能同名，因为不管计算属性还是data还是props都会挂在vm实例上

**9.vue中怎么重置data？**  
Object.assign(this. d a t a , t h i s . data,this. data,this.options.data())

**10.在.vue文件中style是必须的吗？那script是必须的吗？为什么？**  
在 .vue 文件中，template是必须的，而script与style都不是必须的。