在19年8月份的时候，vue-cli更新到了3.X，新版本的脚手架封装度更高，配置起来简单许多，旨在让用户把精力都放在编写业务代码中，本人从vue-cli2.X过渡到3.X挺适应的，毕竟3.X脚手架已经自动搭建在webpack4上，所以不用大家再去从webpack3升级到web…

hash: 使用 URL hash 值来作路由。支持所有浏览器，包括不支持 HTML5 History Api 的浏览器。 history: 依赖 HTML5 History API 和服务器配置。查看 HTML5 History 模式。 abstract: 支持所有 Java…

在created中发起请求获取数据，依次在子组件的created或者mounted中会接收到这个数据。 beforeUpdate和updated触发时，el中的数据都已经渲染完成，但只有updated钩子被调用时候，组件dom才被更新。 在mounted钩子对挂载的dom进行操…

之前写过一篇文章，关于 Vue 属性透传的，文章中我列举了很多种方法去实现属性透传。其中包括直接设置 props，v-bind="$attrs"，render function 等方式。感兴趣，详情看 【Vue进阶】——如何实现组件属性透传？ 这让我意识到了自己对一些 Vue …

答案是一次。 那么为什么会是一次呢？本文会围绕着这个问题的解释来粗浅地讨论一下Vue中批量更新的原理。 首先要知道，msg这个key，是通过Object.defineProperty被监听了的，Vue通过这个api实现在key被set的时候（也就是this.msg = xxx这…

这里用上了immediate：true，说明在 wacth里声明了之后，说明一旦监听到fuzzyKey发生了改变，就会立即先去执行里面的handler方法，再次调用函数，已到达数据实时变化的效果。此外每当我在这里用上immediate：true时，我会将created里调用的t…

Vue.js 最核心的功能有两个，一是响应式的数据绑定系统，二是组件系统。本文仅探究双向绑定是怎样实现的。先讲涉及的知识点，再用简化得不能再简化的代码实现一个简单的 hello world 示例。 ​ 访问器属性是对象中的一种特殊属性，它不能直接在对象中设置，而必须通过 def…

现在，Vue.js已成为前端开发的热门框架。有很多工程师利用Vue.js的便利性和强大功能。但是，我们完成的某些解决方案可能未遵循最佳做法。好吧，让我们看一下那些必备的Vue技术。 1. 函数组件 创建一个函数组件非常容易，你需要做的就是在SFC中添加一个 functional…

在4月21日晚，Vue作者尤雨溪在哔哩哔哩直播分享了Vue.js 3.0 Beta最新进展。 1. 全新文档RFCs 所有的进度和文档都将在全新RFCs文档可以看到。 2. 六大亮点 Performance：性能更比Vue 2.0强。 Tree shaking support：…