模版template和响应式数据是如何渲染成最终的DOM？newVue又发生了什么？render和update的作用又是什么？
模版template和响应式数据是如何渲染成最终的DOM？newVue又发生了什么？render和update的作用又是什么？
在Vue$mount过程中，我们需要把模版编译成render函数，整体实现可以分为三部分：parse：解析模版template生成AST语法树optimize：优化AST语法树，标记静态节点codegen：把优化后的AST语法树转换生成render方法代码字符串，利用模板引擎生成可执行的render函数（render执行后返回的结果就是虚拟DOM，即以VNode节点作为基础的树）Vue.js提供了2个版本，一个是Runtime+Compiler的，一个是Runtimeonly的，前者是包含编译代码的，可以把编译过程放在运行时做，后者是不包含编译代码的，需要借助webpack的vue-loade
在Vue$mount过程中，我们需要把模版编译成render函数，整体实现可以分为三部分：parse：解析模版template生成AST语法树optimize：优化AST语法树，标记静态节点codegen：把优化后的AST语法树转换生成render方法代码字符串，利用模板引擎生成可执行的render函数（render执行后返回的结果就是虚拟DOM，即以VNode节点作为基础的树）Vue.js提供了2个版本，一个是Runtime+Compiler的，一个是Runtimeonly的，前者是包含编译代码的，可以把编译过程放在运行时做，后者是不包含编译代码的，需要借助webpack的vue-loade
内容乃本人学习Vue2源码的一点笔记，若有错误还望指正。源码版本：vue:2.6vue-loader:13.xvue-template-compiler:2.6之前的相关学习笔记：应用初始化大致流程数据响应式改造众所周知，Vue的脚手架项目是通过编写.vue文件来对应vue里组件，然后.vue文件是通过vue-loader来解析的，下面是我学习组件渲染过程和模板解析中的一些笔记。Vue实例挂载方法$mount一个普通vue应用的初始化：importVuefrom"vue";importAppfrom"./App.vue";Vue.config.productionTip=false;newVu
内容乃本人学习Vue2源码的一点笔记，若有错误还望指正。源码版本：vue:2.6vue-loader:13.xvue-template-compiler:2.6之前的相关学习笔记：应用初始化大致流程数据响应式改造众所周知，Vue的脚手架项目是通过编写.vue文件来对应vue里组件，然后.vue文件是通过vue-loader来解析的，下面是我学习组件渲染过程和模板解析中的一些笔记。Vue实例挂载方法$mount一个普通vue应用的初始化：importVuefrom"vue";importAppfrom"./App.vue";Vue.config.productionTip=false;newVu
今天npmrundev的时候，有个页面报错，提示[Vuewarn]:Failedtomountcomponent:templateorrenderfunctionnotdefined.昨天还好好的，今天就报错了，也没改啥。经过查资料，反复查证回想改了什么，发现是因为昨天在在哪个页面组件目录（src\views\组件目录）里面新建了个index.js，so，现在这个组件目录下有一个index.vue和index.js，导致路由配置表里面引入组件的时候引入到了index.js没有引入到组件导致报错。路由表配置：component:()=>import('@/views/subfile/index'
今天npmrundev的时候，有个页面报错，提示[Vuewarn]:Failedtomountcomponent:templateorrenderfunctionnotdefined.昨天还好好的，今天就报错了，也没改啥。经过查资料，反复查证回想改了什么，发现是因为昨天在在哪个页面组件目录（src\views\组件目录）里面新建了个index.js，so，现在这个组件目录下有一个index.vue和index.js，导致路由配置表里面引入组件的时候引入到了index.js没有引入到组件导致报错。路由表配置：component:()=>import('@/views/subfile/index'
目录0.前置约定本系列说明1.开始1.1.CesiumWidget类是控制场景对象触发渲染的调度器1.2.Scene对象2.三维地球哪来的？3.本篇总结0.前置约定对类的使用，不添加Cesium命名空间前缀，例如对于Viewer，不会写Cesium.Viewer，默认使用ESM格式解构导入类；JavaScript代码使用最简格式（源码除外），不加分号，不用双引号，少注释，双空格缩进本系列说明佛系连载，想到什么写什么。2022年，写原理类的文显得非常“蠢”，大家都想吃快餐，看效果。法克鸡丝老哥的系列博客思路跳跃很快，单步说明之间的信息量很大，需要消化很长时间才能啃完一篇文章，遂决定另开一个风格，
目录0.前置约定本系列说明1.开始1.1.CesiumWidget类是控制场景对象触发渲染的调度器1.2.Scene对象2.三维地球哪来的？3.本篇总结0.前置约定对类的使用，不添加Cesium命名空间前缀，例如对于Viewer，不会写Cesium.Viewer，默认使用ESM格式解构导入类；JavaScript代码使用最简格式（源码除外），不加分号，不用双引号，少注释，双空格缩进本系列说明佛系连载，想到什么写什么。2022年，写原理类的文显得非常“蠢”，大家都想吃快餐，看效果。法克鸡丝老哥的系列博客思路跳跃很快，单步说明之间的信息量很大，需要消化很长时间才能啃完一篇文章，遂决定另开一个风格，
