前端面试题目vue

1 谈谈你对MVVM的看法
M代表数据模型 ，V代表视图，MV是通过VM进行联系的，开发者只需要对数据进行维护操作，而不需要处理DOM

2 vue有哪些指定
v-html v-if v-show v-modle v-for

3 v-if v-show区别 v-if是控制借点存在与否 v-show是控制元素的显示方式，display为block或者none

4 vue响应原理
实例创建时会在内部用getter/setter追踪相关依赖，当依赖项的setter被调用时候，会通知watcher重新计算并更新

5 vue监听属性变化 watch computed

handler deep 是否深度 immeditate 是否立即执行

computed:{
	function(){
		return this.obj.a
	}
}

watch:{
	obj:{
		function(newValue,oldVlaue){
			console.log('obj changed')
		}
	}
}

6 delete 与 vue.delete 区别
delete只是被删除的元素变成了 empty/undefined 其他的元素的键值还是不变。 Vue.delete直接删除了数组 改变了数组的键值。

7 如何减少http请求，提高加载速度：
1css精灵图
2懒加载
3减少DOM请求操作：：：：图标使用 IconFont 替换
4压缩工具后再打包

8 网页输入到渲染经历了哪些过程？
1 输入网址
2 进行dns解析，解析到对应的ip地址
3 与web建立TCP连接 三次握手 四次挥手
4 发送http请求
5 响应请求
6 渲染页面

9 jquery获取对象与js获取对象区别
jquery获取的对象是数组对象 $("#id")[0]
js获取的是对象 $(dom)
转换关系

10 动态绑定class方法
对象方法 ：class="{a1:isa1,a2:isa2}"
数组方法 ：class="[class1,class2]"
行内style方法 ：style="{color:color,width:width}"

11 计算属性computed与watch区别
computed 只计算动态值
watch 监听动态值，可以处理动态值变化后相应的逻辑

12 computed是一个对象时，有get和set两个选项
computed与methods方法区别
computed不能接受参数，但是存在缓存 ，只要值不变就不用计算
methods 可以接受参数 不存在缓存
watch是一个对象时 handler deep 是否深度 immeditate 是否立即执行

13 事件修饰符
click绑定时候
stop prevent self

14 为什么组件里的data是一个函数
因为组件是被复用的，存在js引用关系
而实例不存在被引用

15 生命周期
创建前后 beforeCreate/created
在beforeCreate 阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在created阶段，vue实例的数据对象有了，el还没有。
载入前后 beforeMount/mounted
在beforeMount阶段，vue实例的$el和data都初始化了，但还是挂载之前未虚拟的DOM节点，data尚未替换。 在mounted阶段，vue实例挂载完成，data成功渲染。
更新前后 beforeUpdate/updated
当data变化时，会触发beforeUpdate和updated方法。这两个不常用，不推荐使用。
销毁前后beforeDestory/destoryed
beforeDestory是在vue实例销毁前触发，一般在这里要通过removeEventListener解除手动绑定的事件。实例销毁后，触发的destroyed。

17 路由跳转方式
1
2 编程式导航 js跳转 router.push("/home")