vue
68篇文章 · 0订阅
  • 说说 Vue.js 中的 functional 函数化组件
    Vue.js 组件提供了一个 functional 开关，设置为 true 后，就可以让组件变为无状态、无实例的函数化组件。因为只是函数，所以渲染的开销相对来说，较小。 函数化的组件中的 Render 函数，提供了第二个参数 context 作为上下文，data、props、s…
    Vue.js
  • Vue源码探究-数据绑定的实现
    在总结完数据绑定实现的逻辑架构一篇后，已经对Vue的数据观察系统的角色和各自的功能有了比较透彻的了解，这一篇继续仔细分析下源码的具体实现。 本篇主要是关于源码的解释，可以翻看观察系统的原理篇来对照理解。 在这里记录下了Vue的数据绑定具体实现的源代码的个人理解，有些细节的地方或…
    Vue.js
    Vue源码探究-数据绑定的实现
  • Vue原理解析（八）：一起搞明白令人头疼的diff算法
    之前章节介绍了VNode如何生成真实Dom，这只是patch内首次渲染做的事，完成了一小部分功能而已，而它做的最重要的事情是当响应式触发时，让页面的重新渲染这一过程能高效完成。其实页面的重新渲染完全可以使用新生成的Dom去整个替换掉旧的Dom，然而这么做比较低效，所以就借助接下…
    Vue.js
  • Vue原理解析（六）：全面深入理解响应式原理(上)-对象基础篇
    vue之所以能数据驱动视图发生变更的关键，就是依赖它的响应式系统了。响应式系统如果根据数据类型区分，对象和数组它们的实现会有所不同；解释响应式原理，如果只是为了说明响应式原理而说，但不是从整体流程出发，不在vue组件化的整体流程中找到响应式原理的位置，对深刻理解响应式原理并不太…
    Vue.js
  • Vue响应式原理-理解Observer、Dep、Watcher
    最近在学习Vue的源码，看了网上一些大神的博客，看起来感觉还是蛮吃力的。自己记录一下学习的理解，希望能够达到简单易懂，不看源码也能理解的效果😆 相信很多同学或多或少都了解Vue的响应式原理是通过Object.defineProperty实现的。被Object.definePr…
    Vue.js
    Vue响应式原理-理解Observer、Dep、Watcher
  • 【译】Vue 的小奇技（第八篇）：两个鲜有人知的 Vuex 技巧
    这篇文章来自于一位很特别的受邀者：Nicolò Mezzopera，他是 Pulilab 网站的开发者，一位真大神。我们去年还一起组织过一场在布达佩斯的关于 Vue.js 的 线下交流会！ 如果你今年 4 月 12 号刚好就在维罗纳，他刚好会在 Vue Day Italy 20…
    Vue.js
    【译】Vue 的小奇技（第八篇）：两个鲜有人知的 Vuex 技巧
  • 【译】Vue 的小奇技（第六篇）：在 Vue.js 2.6 中不使用 Vuex 来创建 store
    现在你可以在组件作用域之外创建响应式对象。并且当你在组件里使用它们时，它会在发生改变时触发相应的渲染更新。 基于此，你可以在不需要 vuex 的情况下就能创建一个简易的 stores，非常适合于一些简单的场景，比如说仅需要跨组件共享外部状态。 举个例子，我们现在就来创建一个简单…
    Vue.js
    【译】Vue 的小奇技（第六篇）：在 Vue.js 2.6 中不使用 Vuex 来创建 store
  • vue-cli3 项目从搭建优化到docker部署
    1. 创建一个vue项目 7. 选择测试框架 （Mocha + Chai） 8. 选择将这些配置文件写入到什么地方 (In dedicated config files) 选是的话，下次创建一个vue项目，可以直接使用这个预设文件，而无需再进行配置。 2. 全局组件自动注册 在…
    Vue.js
    vue-cli3 项目从搭建优化到docker部署
  • Vue源码分析系列二：$mount()方法
    到这里，我们知道updateComponent方法会完成整个渲染工作，在系列三中，将深入分析 vm._render()方法以及vm._update()方法。
    Vue.js