1首先，从git上拉取element的源码 2安装依赖 npm install 3修改 packages 中的源码，然后进行打包 npm run dist 4找到你的项目中的 node_modules 包下的 elementui 文件夹下的 lib 包，用你修改好后打包生成的；下载最新的vue$ npm install vue js 引用 vuejs 开始代码，感受vue强大的双向数据绑定 1 message new Vue el #39#app#39， data message #39Hello Vuejs！#39 实战代码123。

注册组件第二个参数默认会调用extend，Vueextend 使用Vue基础构造器 产生子类 Vueextend 中data必须是一个函数，继承与Vue，可以new和挂载 Vuecomponentquotquot，Vueextend 传入的是对象 这样复用了同一个对象所以；很多介绍vue源码的文章对computed怎么计算值讲的很清楚，但是对computed 怎么搜集到依赖它的视图渲染watcher，以及怎么去通知对应的渲染watcher去更新讲解的很模糊或者干脆一笔带过这篇文章主要讲解computed watcher是怎么搜集。

vue项目地址 函数，这是初始化响应式的入口；vue源码中有一个点不懂在createElementNS函数中 documentcreateElementnamespace + #39#39 + tagName ，第一次见到会带冒号的 查了一下MDN上的 createElement ，然后发现不能这样写不过实际上也有一个可以指；以往我们在开发vue项目的时候，总是通过将路径和路由写在routeindexjs文件中，然后直接进行访问即可，一般实现权限匹配都是通过菜单下面的权限参数和路由守卫进行一个验证拦截和权限匹配，然而这样安全性仍然不足因为我们在routeindexjs中。

父子组件通信，在vue中是非常常见的，这里主要实现props与emit 根据上面的测试用例，分析props的以下内容解决问题问题1 想要在子组件的setup函数中第一个参数， 使用props，那么在setup函数调用的时候，把当前组件的props；createElement在文件vdomcreateelement里面，下面是他的源码 new Vnode 创建的是一个虚拟dom，其实就是一个装有很多属性的对象，和真实的dom做一个映射，目的是去渲染真实的dom，那么为什么不直接去渲染dom，因为vue中；1在init阶段inject 是比 provide更早，比initStateinitPropsinitMethodsinitComputedinitWatch 都要早，因为vue的组件层级创建父组件created后再去创建子组件，一层一层向下创建的模式，那么inject如果有在上级组件定义；好了，基于 Vue3+TS+ElementPlus+Qiankun 的微应用项目基本框架我们已经搭建好了，后续就是慢慢填充一些工具和页面了相关源码地址#8226主应用 Anyin Cloud Parent #8226微应用 Anyin Cloud Base 1；1 初始化new Vue test1html文件中在初始化app处打断点，按F11走下一步查看，可以看到进入到我们Vue构造函数，调用了init方法 2 thisinitoptions 同样打上断点，点击下一步，会进入init方法 3。

你看到的不是源码，sources下面的才是源码 vue是基于js框架，所以通常也会叫它vuejs，想看懂，需要js语法基础，再了解vue框架；对于文件 右键 点击 下载，但是文件夹貌似不行，你只能展开然后下载了；srclazyjs 定义变量接收实例化参数lazyjs 默认导出一个函数，该函数返回一个 Lazy 类，形成闭包，保持对 Vue 的引用判断是否支持Webp图片 srclistenerjs 定义变量接收实例化参数filter 方法将配置的 filter。