首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
vue
订阅
超古中
更多收藏集
微信扫码分享
微信
新浪微博
QQ
20篇文章 · 0订阅
Vue原理解析(九):搞懂computed和watch原理,减少使用场景思考时间
之前的章节,我们按照流程介绍了vue的初始化、虚拟Dom生成、虚拟Dom转为真实Dom、深入理解响应式以及diff算法等这些核心概念,对它内部的实现做了分析,这些都是偏底层的原理。接下来我们将介绍日常开发中经常使用的API的原理,进一步丰富对vue的认识,它们主要包括以下: 这…
$nextTick和$forceUpdate
要理解这句话,首先要了解一下vue的异步更新队列,Vue 异步执行 DOM 更新。只要观察到数据变化,不会立即更新DOM,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据改变。如果同一个 数据被的多次 改变,只会被推入到队列中一次。例如,当你设置 vm.someDa…
为Vue组件添加非响应式数据
在vue组件中内data内函数返回的对象默认是响应式的,vue的observe函数会遍历此对象所有的属性和子孙属性并转化为getter/setter, 使Vue能够追踪依赖,在属性被访问和修改时通知变更。这种响应式在被用在模板更新、watch变更、computed依赖中非常有用…
最近两周出去面试遇到的面试题(前端初级、长更)
以下面试题不分先后顺序 1、vue实现双向数据绑定原理是什么? 2、v-model语法糖是怎么实现的 3、Hash和history有什么区别 4、深拷贝和浅拷贝 5、原型和原型链 6、箭头函数和普通函
2023了,你还不会Pinia吗?淦他!
前言 时间过得真快,距离 Vue3 发布已经 快三年 了,相信很多开发 Vue2 的小伙伴,都使用过 Vuex 这个依赖,它可以帮我们管理项目中的所有 数据,我称它为 数据仓库,在 Vue3 时代,我
[保姆级] Vue3 开发文档
大家好,我是沐华。最近一个粉丝公司项目由 Vue2 升级到 Vue3 了,他有好多不会用的,所以我就写了这篇开发文档,包含了 Vue3 开发中使用的所有语法,助他快速上手 Vue3 项目开发
Vue的钩子函数[路由导航守卫、keep-alive、生命周期钩子]
说到Vue的钩子函数,可能很多人只停留在一些很简单常用的钩子(created,mounted),而且对于里面的区别,什么时候该用什么钩子,并没有仔细的去研究过,且Vue的生命周期在面试中也算是比较高频的考点,那么该如何回答这类问题,让人有眼前一亮的感觉呢... 有的时候,我们需…
说说你对keep-alive的理解是什么?
keep-alive是vue中的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM keep-alive 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们
this.$nextTick你真的理解了吗?
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第6天,点击查看活动详情 都快2023年,你还不会this.$nextTick吗,Vue2都出快10年了,Vue3也已经出了两年多了
0 到 1 掌握:Vue 核心之数据双向绑定
当被问到 Vue 数据双向绑定原理的时候,大家可能都会脱口而出:Vue 内部通过 Object.defineProperty方法属性拦截的方式,把 data 对象里每个数据的读写转化成 getter/setter,当数据变化时通知视图更新。虽然一句话把大概原理概括了,但是其…