methods computed watch 的区别以及v-if与v-show的区别

1. methods computed watch 的区别

methods  是方法 各种事件放在这里 没有缓存功能

computed  计算属性 需要 return 计算的结果 并且有缓存功能
只有跟他有关的值发生变化才会重新计算，否则就从缓存里拿，通常用来计算总数和总价，例如购物车功能就会用到计算属性

watch 监听属性 有三个参数 handler（执行函数） deep（深度监听） immediate（立即监听）
如果不需要 deep 和 immediate 的时候就会简写成一个函数  immediate
watch 可以监听 data 数据还能监听路由的变化
watch 里可以执行异步操作 但是计算属性不行
watch 的使用场景 存本地存储的时候 只要数据变了就要重新存一次 那么就可以用 watch 实现

2. v-if 与 v-show 的区别

⾸先 v-if 和 v-show 都是控制元素的显示与隐藏.

不过 v-if 控制元素的显示和隐藏的时候会删除对应的 dom 元素，当每⼀个显示的时候都会重新创建 dom 和渲染， ⽽ v-show 则是通过 css 的 display:none和 display:block 来控制元素的显示与隐藏。v-if ⽐较耗费性能，所以我们涉及到频繁的显示隐藏操作我们建议使⽤ v-show，如果不是频繁操作的话，我们可以 v-if.
在项⽬中我会经常使⽤ v-if 和 v-show，⽐如我们在搜索功能的时候，他有⼀个历史记录，这个时候我们根据是否有搜索的结果来判断历史记录的显示与隐藏，这块我就可以使⽤ v-if ，当然⽤ v-show 也是可以的