vue.js面试题1

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.$data,this.$options.data())

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