![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue源码
文章平均质量分 64
new 一个世界
这个作者很懒,什么都没留下…
展开
-
Vue源码解读 Day3
Vue源码解读 Day3 解析 Vue $mount方法 vue的$mount方法绑定在vue原型对象上。 文件/src/platforms/web/runtime/index.js // public mount method Vue.prototype.$mount = function ( el?: string | Element, hydrating?: boolean ): Component { el = el && inBrowser ? query(el) :原创 2022-04-03 23:21:31 · 1098 阅读 · 0 评论 -
Vue源码解读 Day2
Vue源码解读 Day2 从构建入口web-runtime-cjs-dev resolve(‘web/entry-runtime.js’)开始解读。这个文件构建的是Runtime Only 版本。 resolve(‘web/entry-runtime.js’) 这个解析的文件地址是src/platforms/web/entry-runtime.js entry-runtime.js的内容如下,这个文件将src/platforms/web/runtime/index导出的Vue文件作为默认文件导出。 i原创 2022-04-03 22:32:37 · 123 阅读 · 0 评论 -
Vue源码解读 Day1
Vue源码解读 Day1 从源码打包入手,解读Vue源码 1. 启动脚本 启动脚本文件是package.json,脚本命令在“script”对象中。 vue文件打包命令有三条,后两条是在第一条命令的基础上,添加一些环境参数。 2. build文件发生了什么? 2.1 检查是否存在用于存放打包文件的dist目录,如果没有就创建dist目录 2.2 获取所有环境打包过程中的配置信息 这段代码逻辑非常简单,先从配置文件读取配置,再通过命令行参数对构建配置做过滤,这样就可以构建出不同用途的 Vue.js 了原创 2022-03-31 23:49:28 · 151 阅读 · 0 评论 -
Vue源码分析-目录结构
Vue源码分析-目录结构 目录结构 | -------- src | --------- * --------compiler | -------- * --------core | -------- * --------platforms | -------- * --------server | -------- * --------sfc | -------- * --------shared compiler 目录包含Vue.js所有编译相关的代码。它包括把所有模版解析成a原创 2021-05-31 15:17:19 · 168 阅读 · 0 评论