随笔分类 - vue
摘要：vue之_update() 前言 vue在调用$mount方法的时候会调用mountComponent ,通过vm.render可以得到vnode，得到vnode之后，在mount的时，会调用_update方法，那么_update方法主要是用来做些什么事情呢？ export function mou
阅读全文
摘要：createElement export function createElement ( context: Component, // 传入的vm实例 tag: any, // tag标签 data: any, // 跟vnode相关的数据 children: any, // vnode的子节点
阅读全文
摘要：真实dom和其解析流程 浏览器渲染引擎工作流程都差不多，大致分为5步，创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 第一步，用HTML分析器，分析HTML元素，构建一颗DOM树(标记化和树构建) 第二步，用CSS分析器，分析CSS文件盒元
阅读全文
摘要：render函数 编译过程-模板编译成render函数 通过文章前半段的学习，我们对Vue的挂载流程有了一个初略的认识，接下来将先从模板编译的过程展开，阅读源码时发现，模板编译的过程也是相当复杂的，要在短篇幅内将整个编译过程姜凯是不切实际的，这里只对实现思路做简单的介绍。 template的三种写法
阅读全文
摘要：创建项目 新建一个名为vue3-demo的文件夹 在该文件夹下运行cmd命令行窗口，执行npm init -y 快速生成一个package.json文件 安装依赖webpack webpack-dev-server webpack-cli webpack-merge html-webpack-plu
阅读全文
摘要：在我们用vue脚手架搭建的项目中，我们可以看到package.json中有一个字段 那么什么是browserslist？它的作用是什么？这就是本文即将叙述的，如有不对的地方，请斧正。 browserlist browserlist是一个前端项目配置工具，功能是在前端工具之间共享目标环境的浏览信息 T
阅读全文
摘要：@vue/cli service 我们使用vue cli3来创建的项目中，我们会发现在package.json的script字段里面会有如下信息 注：在package.json中 字段指定了运行脚本命令的npm行的缩写，在上述的script字段里代表的意思就是执行npm run serve / np
阅读全文
摘要：前言 在vue项目中，组件是vue最强大的功能，对于vue组件，我们知道vue组件的作用域是独立的，每个实例化的组件都只能访问组件内部定义的data，但是在一些情况下，我们需要访问其他组件的数据，就有了组件通信的问题，在vue里组件之间的关系有以下几种：父子，隔代，兄弟。针对不同的关系，实现组件之间
阅读全文
