vue 打开页面自动获取数据_前端面试准备笔记系列之vue(02)

目录

01. vue中 key 值的作用？

02. v-if 和 v-show 区别

03. v-if 和 v-for是否可以一起使用？

04. vue常用的修饰符？

05. vue的computed methods watch

06. watch监听引用类型，能否拿到oldVal？

07. watch深度监听引用类型。

08. computed计算属性优点

正文

01. vue中 key 值的作用？

key的作用主要是为了高效的更新虚拟DOM,因为vue组件高度复用，增加Key可以标识组件的唯一性.

02. v-if 和 v-show 区别

• v-show 页面会正常渲染但是会用display:none给隐藏掉而v-if不会渲染。
• 一般如果是一次性的或者更新不是很频繁的时候会用v-if，这样不会把更多的东西暴露在浏览器中。
• 如果是很频繁的切换就用v-show来写，这样性能会好一些，而用v-if会频繁的进行dom的销毁和加载。

03. v-if 和 v-for是否可以一起使用？

不能。 v-for比v-if计算优先级高一些，在渲染模板的时候，会先用v-for进行循环，之后再用v-if进行判断，这样导致的结果就是执行多次重复循环，每一遍循环都要进行v-if的判断。

04. vue常用的修饰符？