![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 95
今天不是名蒸蛋
努力是唯一可控因素
展开
-
Vuex 基础与原理实现
在实际项目中,经常会出现多个组件之间需要共享一些状态数据的问题。多个视图依赖于同一状态来自不同视图的行为需要变更同一状态等。常用的解决办法:① 将数据以及操作数据的行为都定义在父组件;② 将数据以及操作数据的行为传递给需要的子组件(可能需要多级传递)这样的解决在组件嵌套层次太多时,十分麻烦,易导致数据不一致等问题。所以Vuex为此而生,很好地解决了多组件之间的状态,保证数据的一致性。Vuex是实现组件全局状态管理的一种机制,可以方便的实现组件之间的数据共享。原创 2023-01-20 16:44:08 · 520 阅读 · 5 评论 -
Vue 源码阅读学习(四)
问题:父元素和新旧元素的获取 构造函数编写 中有一个元素 是真正的 , 其 同样也是真正的 方法用于 转为真正的 : 写到这里,其实大家也发现了代码量非常大,看多了自己都不知道写啥,后面使用构建工具(模块化)来帮忙!继续编写 方法完成!验证一下:页面:验证成功!源码见文章末尾。使用 的时候,赋值属性和获取属性都是直接使用 实例,在设置属性的时候,页面数据进行更新。 : 需要定义属性的对象 : 要定义或修改的属性的名称或 : 要定义或修改的属性描述符其有比如 返回值为被原创 2022-11-05 19:42:45 · 1537 阅读 · 0 评论 -
Vue 源码阅读学习(三)
嘿,朋友们,本节是Vue源码阅读的第三讲。Vue源码阅读系列得到了赞赏,我很高兴,同时希望大家可以给予反馈!我虚心接纳您的意见!如果没有看之前的和的内容可以先去看看哦,好啦,让我们开始吧。原创 2022-11-04 15:13:06 · 1276 阅读 · 1 评论 -
Vue 源码阅读学习(二)
本节课内容要解决第一节课遗留的问题首先,温故知新第一节的重要内容我们来理清一下思路。DOM元素(就是模板)将来会换成虚拟DOM是一个树结构,看个例子。思路:模板要求是一直驻留在内存中,是渲染的根本。我们需要做的就是利用数据和模板结合生成真正的DOM。其中数据发生变化,DOM变化,而模板不变,然后生成的DOM加入页面。原创 2022-11-03 13:04:59 · 1898 阅读 · 8 评论 -
Vue 源码阅读学习(一)
/在真正的 Vue 源码中 DOM --> 字符串模板 --> 抽象语法树 --> VNode --> 真正的DOM。//我们此时是没有生成新的template 所以这里看到的是直接在页面总就更新的数据,因为DOM是引用类型。//3.将数据与模板结合,得到的是HTML元素 (DON元素)//3.将数据与模板结合,得到的是HTML元素 (DON元素)//现在的案例 template 是 DOM 元素。//注意:txt现在和DOM元素是没有关系的。//函数的第 0 个 参数 表示匹配的内容。原创 2022-10-31 16:48:30 · 721 阅读 · 0 评论