
vue专题
文章平均质量分 61
把学习到的vue相关的知识进行模块输出
学习前端2年半
这个作者很懒,什么都没留下…
展开
-
vue中路由相关的知识
路由相关知识原创 2023-07-03 15:17:13 · 144 阅读 · 1 评论 -
vue中组件互相通信几种方式
vue中的组件传值的方法原创 2023-07-01 15:46:23 · 463 阅读 · 0 评论 -
vue生命周期和整个渲染流程
beforeDestroy:在组件被销毁之前调用,此时实例完全还可以用,通常这个阶段来做一些清理工作,比如清理定时器,事件监听,解除自定义事件。13,虚拟dom对页面进行重新渲染和打补丁,根据最新的数据更新虚拟dom,并进行对比,进行最小化ndom操作。5,注入依赖,初始化事件系统,进行组件依赖注入,全局依赖注入组件中,初始化事件系统。16,实例销毁,调用$destroy函数,解除dom关联,自定义事件,移除事件监听。1,创建vue实例,进行各种初始化操作,合并选项,初始化数据,方法,计算属性等。原创 2023-06-24 19:53:35 · 1635 阅读 · 1 评论 -
vue中常用的指令以及修饰符
v-cloak 解决网速慢等一系列问题,当未及时解析渲染对插值表达式进行隐藏 配合css使用。.lazy 与input元素配合使用,将监听事件延迟到change事件触发。v-pre 跳过指令编译,直接将元素作为静态内容渲染,注意不要和插值语法使用。v-if/v-else-if/v-else 条件渲染。.capture 使用事件捕获而不是事件冒泡。v-model 对表单元素进行双向数据绑定。.native 监听组件根元素的原生事件。.once 事件只触发一次。原创 2023-06-23 15:53:00 · 173 阅读 · 1 评论 -
v-if 和v-show 虚拟dom,diff算法
v-if 和v-show 虚拟dom,diff算法原创 2023-06-23 13:18:03 · 201 阅读 · 1 评论 -
watch和computed
计算属性是依靠返回值来实现的,所以不能去实现异步操作,具体实现步骤:当模板第一次解析的时候,调用getter方法对其值进行计算,然后保存缓存返回模板进行渲染,以后如果所依赖的数据源不发生改变,它是不会从新解析计算的而是从缓存中读取,如果依赖的数据源发生改变了,则会再次调用getter方法重新解析计算缓存渲染更新。watch是侦听属性,一般有两种写法,对象的写法比较全面,可以实现深度监听,还有一种就是方法的写法,比较常用是对象写法的阉割版。2,监听多个数据源变化,需要监听数组或者对象的变换。原创 2023-06-22 17:49:03 · 232 阅读 · 1 评论 -
vue响应式原理,数据双向绑定,vue2缺陷解决方法
数据双向绑定,vue2响应式原理,vue2中一些缺陷以及解决方法原创 2023-06-22 16:58:20 · 378 阅读 · 2 评论