vue.js

vue.js只是一个核心库比如我再添加一个router或者vuex不断让项目壮大就是渐进式框架带来的好处。

问题2vue2.x生命周期

5.如果加入了keep-alive第一次进入组件会执行哪些生命周期

beforeCreate

6.如果加入了keep-alive第二次或第N次进入组件会执行哪些生命周期

只执行一个生命周期activated

Vue{constructor(option){options.beforeCreate.bind(this)()this.$data

options.dataoptions.created.bind(this)()options.beforeMount.bind(this)()this.$el

document,querySelector(options.el)options.mounted.bind(this)()}

提升性能

就是用来缓存组件提升项目的性能。

具体实现比如首页进入到详情页如果用户在首页每次点击都是相同的那么详情页就没有必要请求N次了直接缓存起来就可以了当然如果点击的不是同一个那么就直接请求。

问题4v-if和v-show区别

频繁切换v-show要比v-if好创建和删除的开销太大了显示和隐藏的开销较小

问题5v-if和v-for优先级

idimgmounted(){console.log(document.getElementById(img))

一种获取dom的方式console.log(this.$refs.imgs)

created(){console.log(11)this.$nextTick(()

{console.log(333)})

}mounted(){conosle.log(22)this.$nextTick(()

{console.log(444)})

bbbbbbconsole.log(this.$refs.box.innerHTML)

使用$nextTick就可以解决这个问题获取更新后的dom数据this.$nextTick(()

{console.log(this.$refs.box.innerHTML)

bbbbbb})}