vue面试题

1.初始化阶段时，先执行父组件的beforeCreate、created、beforeMount三个钩子函数，然后执行子组件的beforeCreate、created、beforeMount、moun

key的作用主要是为了高效的更新虚拟DOM,其原理是vue在patch过程中通过key可以精准判断两个节点是否是同一个,从而避免频繁更新不同元素,使得整个patch过程更加高效,减少DOM操作量,提高

diff 算法 拿新的虚拟dom来和旧的虚拟dom做对比（使用diff算法）。得到需要更新的地方之后，更新内容 这样的话，就能大量减少真实dom的操作,提高性能 第一种情况：元素（标签）变了，直接这块

什么是虚拟 dom 为什么要有虚拟 dom 什么是虚拟 dom 虚拟 dom 是对真实的 dom 的映射，它就是一个普通的 js 对象 比如 <h1 id="abc">hello</div> {tag

vue生命周期  - 什么是生命周期？   --vue生命周期就是vue的实例对象从创建到销毁的过程  2. 其中分为四个阶段，八个钩子函数   （1） 创建阶段          - beforeC

因为v-for的优先级高于v-if，如果执行循环的代码是false，但是还是要先执行完v-for,然后再移除，不利于浏览器的执行 　　- 解决办法： 再遍历的标签外面嵌套template把v-if放到

在vue的组件使用自定义事件时，$event代表子组件抛出的数据，当这个自定义事件触发一个方法时， 可以不传$event而且可以在方法中进行接收，但是如果写的话就一定要写成$event的形式，这是一个

平时用过的自定义指令 　　- 公司项目中有头像可能加载报错，可以给他一张，默认图片，用onerror this.img=默认图片路径 刚打开页面时想要将光标定到input框中，这个时候就需要操作原生D

数据响应式原理，就是视图随着数据的改变而跟着改变 　　- 主要是利用了Object.defineProperty数据劫持和观察者模式来实现的 　　- 把data中属性利用递归的方法，遍历给Object

MVVM是三个单词的缩写，model（数据，一般来自ajax或本地存储）view(视图template)+viewmodel(vue实例) 　　- 如果model变了视图也会跟着改变，viewmode

v-model一般配合input框使用，实现双向数据绑定的效果，它是v-bind和v-on的语法糖，原理是通过v-bind将数据绑定给input框，再通过v-on:input，在input中的值改变时

.双向数据绑定 数据 -> 视图 视图 -> 数据 vue中普通指令都可以实现数据变了，视图会跟着变，但是有一个特殊的指令叫v-model，它一般用于表单控件，它可以实现双向数据绑定，所谓的双向数据就