Vue.js 的源码都在 src 目录下，其目录结构如下src
├── compiler # 编译相关
├── core # 核心代码
├── platforms # 不同平台的支持
├── server # 服务端渲染
├── sfc # .vue 文件解析
├── shared #
1、起因1、系统庞大，涉及多个角色，角色互串，导致功能与功能之间的关系不清晰2、角色对应的页面划分不清晰，系统和系统之间混杂在一起3、前端项目过大，前端性能低下4、组员多，项目管理难 2、拆解后的预期1、优势1、角色清晰、角色所属功能清晰2、项目解耦，便于维护管理3、项目上线，完全不会影响现有功能4、性能进一步提升5、拆解颗粒度足够细时，将不在限制于技术框架，对优秀人才的需求可以多元化&
vue中使用rem布局解析+大屏自适应 公司内部一直有大屏的需求，也一直再做，中途也踩了一些坑，但是没有认真的来总结下。首先项目中，做过移动端的适配，也有现在的大屏需求，中间都离不开不一个单位rem，自适应看起来就很麻烦，不过无惧困难，困难才会看到你说，哟，厉害了，我闪~，下面慢慢聊来。浅析rem首先rem是css单位，相比于px固定的像素单位，rem更加的灵活，还有现在也比较好的vm。如果从未了
问题描述使用vue-cli4快速搭建一个可用作demo的项目。问题分析无解决方案步骤如下：全局安装vue指令包：npm install -g @vue/cli
安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue --version，看看是否打印出当前安装的vue-cli版本号，来验证它是否安装成功。使用 vue create vue-demo 创建一个新项目这时候会进入命令
Vue的概述渐进式JavaScript框架前端三大框架（React，Vue，Angular） vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。简单，高效，生态丰富（插件多）Vue的安装与使用安装1.直接引用CDN<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"><
在线签名、canvas手写在线签名——小程序端实现在线签名，手写电子签名canvas近期公司准备接一个政府的小项目，里头有一个在线签名的需求，老板让我研究一下。于是就。。。开始思考： 在线手写签名，其实在生活中越来越常见了，还是值得了解一下的，毕竟像保险业务啊，银行业务啊啥的都会出现那种在线签名的场景的。原理其实不用细想，大多数都是知道用canvas嘛！问题是怎么用才是关键。哈哈，本着“拿来主义”
两种使用方式1.引入cdn <script src="https://cdn.jsdelivr.net/npm/vue"></script> 2.命令行工具搭建脚手架 el属性：element需要获取的元素，一定是html中的根容器元素 data属性：用于数据的存储，本质是对象，key和value自定义初始vue双花括号中的内容放入了一个虚拟dom通过它插入dom中
后续 ...
转载
2021-11-02 18:00:00
177阅读
2评论
业精于勤荒于嬉今天又听了一节课，吸收的没那么好，但也是有收获，一直想像看Android 源码那样，研究研究Vue的源码，苦于不知道从何下手，听了这节课，大概知道应该从哪里入手了。项目地址：https://github.com/vuejs/vue 迁出项目： git clone https://github.com/vuejs/vue.git 当前版本号：2.6.X 入口 dev脚本中 -
Vue 的初始化过程：执行编译，生成 render 函数。一系列的初始化，数据响应式化，触发对应的生命周期钩子。执行挂载的逻辑，先生成虚拟 DOM，再生成真实 DOM，更新的逻辑也是这样，只不过多出了对比虚拟 DOM 的一个步骤一、我们到 vue仓库 下载 Vue2.6.14 的源码。https://github.com/vuejs/先来看一下整体目录结构
转载
2024-05-19 10:31:57
58阅读
一、vue2源码目录compiler：将template编译成 render 函数。对于在线编译，render 在运行时执行，执行时会生成 vnodecore：核心platform：web平台、weex多平台、mpvue小程序端server：服务端渲染sfc：单文件处理，将.vue文件的template、script、style拆分shared：工具、常量二、compiler 运行时、编译时运行时
转载
2023-10-11 23:39:59
77阅读
实现效果：关于天气的实现可以看我之前的文章代码实现js<script>
export default {
props: {},
data () {
return {
date: '',
weekDay: '',
time: ''
}
},
mounted () {
this.getWeather()
t
大家好，在网上看到过很多vue源码的解析，大多是copy和摘抄的，少有自己的理解，所以下决心花时间整理一遍自己对vue源码的理解。我只是一个普普通通的码农，如果本文有写的不对之处，希望各路大神指正，谢谢！vue版本：2.5.17首先，本人采取的是最简单的debugger调试方法，按照步骤与逻辑分层次解析vue源码，我认为这是最快、最简单、也是最有效的方法。本文使用的vue调试代码如下：<di
全局安装 vue脚手架cnpm install -g @vue/cli vue create 创建 vue3的项目 cnpm install -g @vue/cli-init vue init webpack 创建 vue2的项目 vue init webpack vuecli2test
原创
2021-07-28 15:43:21
401阅读
src\platforms\web\entry-runtime-with-compiler.js 源码开始位置（引入了Vue构造函数） 扩展$mount,处理可能存在的templete或者el选项，重新编译template为render函数 src\platforms\web\runtime\ind ...
转载
2021-10-21 17:59:00
340阅读
2评论
一、理解Vue批量异步更新策略 异步更新队列：Vue高效的秘诀是批量、异步的更新策略 首先来了解下Event Loop事件循环机制 事件循环Event Loop:浏览器为了协调事件处理、脚本执行、网络请求和渲染等任务而制定的工作机制 看源码执行过程 在Object.defineReactive()中 ...
转载
2021-10-22 18:12:00
375阅读
2评论
研究组件的注册//组件注册// ASSET_TYPES = ['component','filter','directive'] ASSET_TYPES.forEach(type => { // 声明静态的方法： Vue.component = function(){} // 平时声明的组件是Vue ...
转载
2021-10-26 14:47:00
297阅读
2评论
一、理解Vue批量异步更新策略 异步更新队列：Vue高效的秘诀是批量、异步的更新策略 首先来了解下Event Loop事件循环机制 事件循环Event Loop:浏览器为了协调事件处理、脚本执行、网络请求和渲染等任务而制定的工作机制 看源码执行过程 在Object.defineReactive()中 ...
转载
2021-10-22 18:12:00
146阅读
2评论
近日，有开发者在知乎上提出了一个问题：“TypeScript 不适合在 vue 业务开发中使用吗？”，Vue的作者尤雨溪针对这一问题发表了自己的看法，也解释了Vue 3.0选用TypeScript的原因，全文如下。注：本文已获得尤雨溪本人授权转载。必须要承认的是，2.x 的 TS 支持显然跟 React 和 Angular 是有差距的，这也是为什么 3.0 要加强这一块。关于目前 2.x 跟 TS
转载
2024-01-30 22:31:28
110阅读
vue源码目录 vue/src/core/util/next-tick.js nextTick 入参是一个回调函数，这个回调函数就是一个任务 每次接受任务nextTick不会立即执行，而是把它push到callbacks这个异步队列里 检查pending的值，如果为false，意味着“现在还没有一个 ...
转载
2021-10-22 16:35:00
317阅读
2评论
