vue 区分题

computed 与 watch

computed 与 watch的概念

学习笔记:https://blog.csdn.net/qq_41370833/article/details/123745232

区别

如果一个值依赖多个属性（多对一），用computed肯定是更加方便的。
如果一个值变化后会引起一系列操作，或者一个值变化会引起一系列值的变化（一对多），用watch更加方便一些。

v-if 和 v-else

• v-if值为false时，在该位置创建一个注释节点，用来标识元素在页面中的位置。在值发生改变的时候，通过diff，新旧组件进行patch，创建DOM节点，从而动态显示隐藏。
• v-show值为false时，通过设置元素的样式，display:none来控制元素是否展示。

• 当v-if指令附属于普通元素时，v-if指令状态变化会使得父组件的dom发生变化，父组件将会更新视图，所以会触发父组件的beforeUpdate和updated钩子函数。
• 当v-if指令令附属于组件时，v-if指令状态变化对父组件的影响和上一条一致，但是对于本身组件的生命周期的影响是不一样的。
  • v-if从false切换到true时，会触发beforeCreate，created，beforeMount，mounted钩子。
  • v-if从true切换到false时，会触发beforeDestroy和destroyed钩子函数。