m0_58447769的博客

虽然v-if和v-show都能够实现元素的"显示"和'隐藏'，但是本质上有很大的差别。实现的逻辑不同v-if的实现是通过元素的创建和销毁来实现的v-show 的实现则是通过改变元素的样式display来实现的vue生命周期区别因为v-if是通过元素的创建和销毁所实现的，所以每一次切换都会重新走一遍生命周期钩子函数。而v-show因为是通过样式来切换，元素一直存在。所以切换时不会再走生命周期钩子了。性能区别v-show比v-if性能更高，因为v-show只能动态的.

首先我们先了解它们的原理V-model对于v-model可以说是老熟人了，他的作用为：实现视图层的Dom元素内容和数据层的双向绑定。即为双向绑定。在v-model用于父子元素的数据双向绑定时，它的原理可理解为：// 父组件中<com1 v-model="num"></com1>// 等价于<com1 :value="num" @input="(val)=>this.num=val"></com1>.sync修饰符的原理

一.理解生命周期概念一个Vue实例的生命周期即是 从创建到销毁的整个过程。就如同人的一生中会经历很多个阶段，如幼年、青年、成年、中年、老年等等。(也可以理解为一个人从出生到死亡的过程.)二.钩子函数概念理解：人在生命的每个阶段要做的事情也不同,如青年时应该好好读书，大学毕业后就要步入社会等等。 钩子函数即是在生命周期中"特定的时间点"，执行特定的操作。钩子函数的本质：是Vue框架内置函数，随着组件的生命周期阶段进行而自动执行。三：钩子函数的分类总体上分为：四大阶.