首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
vue面试题
用户4637148614471
创建于2022-07-27
订阅专栏
专注vue面试自己的理解,写的不是很好见谅
等 1 人订阅
共12篇文章
创建于2022-07-27
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
父子组件的声明周期执行顺序
1.初始化阶段时,先执行父组件的beforeCreate、created、beforeMount三个钩子函数,然后执行子组件的beforeCreate、created、beforeMount、moun
key的作用
key的作用主要是为了高效的更新虚拟DOM,其原理是vue在patch过程中通过key可以精准判断两个节点是否是同一个,从而避免频繁更新不同元素,使得整个patch过程更加高效,减少DOM操作量,提高
diff算法
diff 算法 拿新的虚拟dom来和旧的虚拟dom做对比(使用diff算法)。得到需要更新的地方之后,更新内容 这样的话,就能大量减少真实dom的操作,提高性能 第一种情况:元素(标签)变了,直接这块
什么是虚拟DOM
什么是虚拟 dom 为什么要有虚拟 dom 什么是虚拟 dom 虚拟 dom 是对真实的 dom 的映射,它就是一个普通的 js 对象 比如 <h1 id="abc">hello</div> {tag
vue生命周期
vue生命周期 - 什么是生命周期? --vue生命周期就是vue的实例对象从创建到销毁的过程 2. 其中分为四个阶段,八个钩子函数 (1) 创建阶段 - beforeC
v-if和v-for为什么不能在一起使用和解决方法
因为v-for的优先级高于v-if,如果执行循环的代码是false,但是还是要先执行完v-for,然后再移除,不利于浏览器的执行 - 解决办法: 再遍历的标签外面嵌套template把v-if放到
事件传参
在vue的组件使用自定义事件时,$event代表子组件抛出的数据,当这个自定义事件触发一个方法时, 可以不传$event而且可以在方法中进行接收,但是如果写的话就一定要写成$event的形式,这是一个
自定义指令:directive
平时用过的自定义指令 - 公司项目中有头像可能加载报错,可以给他一张,默认图片,用onerror this.img=默认图片路径 刚打开页面时想要将光标定到input框中,这个时候就需要操作原生D
数据响应式原理
数据响应式原理,就是视图随着数据的改变而跟着改变 - 主要是利用了Object.defineProperty数据劫持和观察者模式来实现的 - 把data中属性利用递归的方法,遍历给Object
MVVM
MVVM是三个单词的缩写,model(数据,一般来自ajax或本地存储)view(视图template)+viewmodel(vue实例) - 如果model变了视图也会跟着改变,viewmode
v-model原理
v-model一般配合input框使用,实现双向数据绑定的效果,它是v-bind和v-on的语法糖,原理是通过v-bind将数据绑定给input框,再通过v-on:input,在input中的值改变时
双向数据绑定
.双向数据绑定 数据 -> 视图 视图 -> 数据 vue中普通指令都可以实现数据变了,视图会跟着变,但是有一个特殊的指令叫v-model,它一般用于表单控件,它可以实现双向数据绑定,所谓的双向数据就