Vue基础
文章平均质量分 51
TumbleweeD_*
天道酬勤!!
展开
-
v-if和v-show的区别
虽然v-if和v-show都能够实现元素的"显示"和'隐藏',但是本质上有很大的差别。 实现的逻辑不同 v-if的实现是通过元素的创建和销毁来实现的 v-show 的实现则是通过改变元素的样式display来实现的 vue生命周期区别 因为v-if是通过元素的创建和销毁所实现的,所以每一次切换都会重新走一遍生命周期钩子函数。 而v-show因为是通过样式来切换,元素一直存在。所以切换时不会再走生命周期钩子了。 性能区别 v-show比v-if性能更高,因为v-show只能动态的.原创 2021-11-05 18:36:48 · 144 阅读 · 0 评论 -
Vue中.sync和v-model的区别
首先我们先了解它们的原理 V-model 对于v-model可以说是老熟人了,他的作用为:实现视图层的Dom元素内容和数据层的双向绑定。 即为双向绑定。 在v-model用于父子元素的数据双向绑定时,它的原理可理解为: // 父组件中 <com1 v-model="num"></com1> // 等价于 <com1 :value="num" @input="(val)=>this.num=val"></com1> .sync修饰符的原理原创 2021-10-17 23:02:45 · 84 阅读 · 0 评论 -
Vue生命周期
一.理解生命周期概念 一个Vue实例的生命周期即是 从创建到销毁的整个过程。 就如同人的一生中会经历很多个阶段,如幼年、青年、成年、中年、老年等等。 (也可以理解为一个人从出生到死亡的过程.) 二.钩子函数 概念理解:人在生命的每个阶段要做的事情也不同,如青年时应该好好读书,大学毕业后就要步入社会等等。 钩子函数即是在生命周期中"特定的时间点",执行特定的操作。 钩子函数的本质:是Vue框架内置函数,随着组件的生命周期阶段进行而自动执行。 三:钩子函数的分类 总体上分为:四大阶.原创 2021-09-15 21:59:29 · 301 阅读 · 0 评论