Wangpf的学习之路之Vue

使用场景 在做项目时遇到需要缓存页面，比如 A页面 -> B列表页面 —> C详情页面 这时 C详情页面返回到B列表页面时需要缓存，B列表页面到A页面时不需要缓存。 踩过的坑 问题: 动态设置 路由的

前言 在实际开发中，我们经常会用到 vuex 来对数据进行管理，随着数据越来越多，我们逐渐开始使用一些语法糖来帮助我们快速开发。 即 vuex 中的 mapState、mapGetters、mapMu

mini-vue 源码链接 Vue 三大核心系统 Vue源码包含三大核心： Compiler模块： 编译模板系统 Runtime模块： 也可以称为Renderer模块，真正渲染的模块 Reactivi

为了能够使用Composition API, 我们需要有一个可以实际使用它的地方。在vue组件中，我们将此位置称为setup setup函数 需要注意的是： 我们不能在setup函数中使用this，

在文档中说到： key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。 如果不使用 key，Vue 会使用一种最大限度减少动态元素并

我为了了解虚拟DOM，是为了更好的学习React和Vue。 虚拟DOM可以把多次操作DOM合并为一次操作， 比如：你需要添加100个元素节点，原生操作的话只能一个一个的添加， 但使用虚拟DOM，它可以把这些操作合并为一个操作，最后一次性的添加到DOM中。 虚拟 DOM 借助 D…

在某些情况下，我们可能需要对一个 prop 进行“双向绑定”。 但是以上父组件定义 自定义事件的步骤过于繁琐了。 这样设置父组件就不再需要单独再去绑定@update:show事件了 。

模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护,例如： 在这个地方，模板不再是简单的声明式逻辑，你必须看一段时间才能意识到，这里是想要显示变量 message 的翻转字符串，当你想要在模板中多次引用此处的翻转字符串时，就…

runtime-Compiler 中的参数是 components 和 template 。而runtime-only版本中的参数是 render 函数。 在这个vue不完整版，需要借助webpack的 vue-loader加载器 把vue文件编译成js。 webpack使用v…