Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

Vue.js 的源码在 src 目录下，其目录结构如下。 compiler：编译相关的代码。它包括把模板解析成 ast 语法树，ast 语法树优化，代码生成等功能。 core：核心代码，包括内置组件、全局 API 封装，Vue 实例化、观察者、虚拟 DOM、工具函数等等。 pl…

1. 先整体 - 后细节 先弄清楚源码分为哪几个模块，整套流程是怎么将各个模块串起来的。 然后细化了解每个模块的核心原理。 2. 站在别人的肩膀上 推荐先读别人的源码简介，源码分析（推荐：Vue.js 技术揭秘），弄清楚脉络，还有每个部分的大概功能和核心流程。心里带着思路去看源…

大多企业都是7月入职很多应届生，vue也是国内大多是公司首选的技术栈，下面就带你了解一下一些技术的实现，所以该文章每个技术实现都有对应的代码案例。

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第30天，点击查看活动详情 前言 小伙伴们好，我是村长，一个爱分享的老前端。本月恰逢「掘金日新计划 · 6 月更文挑战」

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

Vue 数据双向绑定主要是指：数据变化更新视图，视图变化更新数据。其中，View变化更新Data，可以通过事件监听的方式来实现，所以 Vue数据双向绑定的工作主要是如何根据Data变化更新View。 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data …

前言 前面篇章我们已经完成了开源组件库编码，接下来需要做的是打包发布到 NPM 上。编译打包 组件库需要做 2 种打包方式：全量打包、单组件打包，以提供给第三方调用者灵活选择。

本文实现了一个自定义vue，逐步实现了数据的双向绑定，即数据驱动视图，视图驱动数据。文末有总结...