面试题小结
vue 闪烁问题
v-clock、v-text、v-html 都可以解决文本闪耀问题
vue的生命周期
vue实例在创建到销毁的时候会有一些自调用函数。我们称之为钩子函数
钩子函数 | 具体功能 |
---|---|
beforeCreate | 实例初始化前,data和methods以及页面的dom都没有初始化出来 |
created | 实例已经创建完成data和methods已经可以使用,但是页面没有渲染出来 |
beforeMount | 即将挂在数据之前调用,此时页面还没有数据被加载出来 |
mounted | 数据已经渲染到了页面上去,在这里的钩子函数常用于挂在第三方插件 |
beforeUpdate | 数据更新时触发,此时数据还没有更新到页面上去 |
updated | 数据更新后触发,此时数据已经更新到页面 |
beforeDestroy | 实例被销毁前调用 |
destroy | 实例销毁后调用 |
vue 常用的数组方法
数组变异方法,vue重构的方法,会改变数组中的原始数值
方法名 | 用法 |
---|---|
unshift() | 在数组开头插入数据 |
push() | 在数组末尾插入数据 |
shift() | 删除数组第一个数据 |
pop() | 删除数组最后一个数据 |
splice() | 有三个参数,删除下标,删除个数,替换数据 |
sort() | 以字符编码顺序从小到大排 |
reverse() | 数组倒序 |
替换数组,不会改变原始数组,但总是返回一个新数组
替换数组
不会改变原始数组,但总是返回一个新数组
filter :
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
concat :
concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组
slice :
slice() 方法可从已有的数组中返回选定的元素。该方法并不会修改数组,而是返回一个子数组