写在前面前端

CSDN话题挑战赛第1期vue

• 活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7fweb

• 参赛话题：前端面试宝典面试

• 话题描述：欢迎各位加入话题创做得小伙伴，若是我没有猜错得话，我以为你是应该同我同样是一位前端人。现在前端在IT事业中的占比愈来愈重，已经成为不可缺乏的部分，前端技术也是层出不穷，各类技术类、技术框架也蜂拥而出，前端面试的难度也随之增长，若是咱们拥有一套前端面试宝典。若是你是应聘者：你就能够从容的solo面试官，若是你是面试官：你就能够将应聘者拷问到骨子里！
  总之咱们你们一块儿将本身的面试经验以及学习到的知识点汇聚于此，造成一套体系的前端面试宝典。让读者不管是面试仍是学习都可以有很是大的收获。就让咱们携手共筑前端面试宝典吧！！！api

• 创做模板：缓存

题目一

v-if和v-show框架

考点

考察对v-if和v-show的了解dom

答案

v-if显示隐藏是将dom元素整个添加或删除，而v-show隐藏则是为该元素添加display:none，dom元素还在。异步

题目二

vue中methods、watch、computed之间的差异对比以及适用场景svg

考点

考察vue的掌握

答案

vue中methods、watch、computed之间的差异对比以及适用场景

computer

当页面中有某些数据依赖其余数据进行变更的时候，可使用计算属性。
watch

watch和computed很类似，watch用于观察和监听页面上的vue实例，固然在大部分状况下咱们都会使用computed，但若是要在数据变化的同时进行异步操做或者是比较大的开销，那么watch为最佳选择。watch为一个对象，键是须要观察的表达式，值是对应回调函数。值也能够是方法名，或者包含选项的对象。直接引用文档例子
methods

方法，跟前面的都不同，咱们一般在这里面写入方法，只要调用就会从新执行一次，相应的有一些触发条件，在某些时候methods和computed看不出来具体的差异，可是一旦在运算量比较复杂的页面中，就会体现出不同。

须要注意的是，computed是具备缓存的，这就意味着只要计算属性的依赖没有进行相应的数据更新，那么computed会直接从缓存中获取值，屡次访问都会返回以前的计算结果。

计算是经过变量计算来得出数据。而观察是观察一个特定的值，根据被观察者的变更进行相应的变化，在特定的场景下不能相互混用，因此仍是须要注意api运用的合理性和语义性。

写在最后

CSDN话题挑战赛第1期

• 活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f