v-if和v-show ?
相同点:都是控制dom元素在页面上的显示
不同点:实现原理不一样
v-if是直接将新增dom节点删除
v-show是切换标签的display样式
总结:
v-if:初始渲染的速度比v-show快
v-show:对于频繁切换状态的场景更加节省性能
computed计算属性和methods的区别?
1,在使用时, computed可以当做属性使用,而methods则可以当做方法调用。
2,使用语法不一致:methods不带参时不要括号,反之要带 computed不需要()
3,computed具有缓存,methods没有缓存
4,computed无法接收多个参数,而methods可以
computed和watch的区别
(1).computed能完成的, watch都能够完成;
(2).watch能完成的功能, computed不一定能完成, 例如: watch可以进行异步操作;
(3).watch 不会立即执行 加了immediate: true,就会先执行一次
v-if 和v-for的优先级
当v-if 与 v-for 一起使用时,v-for 比v-if 优先级高,如果连用的话会把 v-if 给每个元素都添加一下,会造成性能问题
所以不推荐v-if和v-for在同一个标签中同时使用。
原因:先有循环才能渲染