前端高薪进击手记

引入 Element 时，可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段。size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-index（默认值：2000）。，我们可以只引入需要的组件，以达到减小项目体积的目的。完整组件列表和引入方式（完整组件列表以。需要注意的是，样式文件需要单独引入。

出现这个原因是我们使用的vue cli创建的项目中如果开启了babel-eslint 特性，项目自动为我们生成了.eslintrc.js文件。问题解决方案有二：方案1: 直接在上面的.eslintrc.js文件中注释掉使用@vue/standard 的行。方案2: 安装并启用vscode插件ESLint 和Prettier-Standard，配置以实现保存时自动格式化代码文件。...

总结：组件的拆分粒度如何才算合理？组件的注册方式Vue.extend在Vue.component()中，如果第二个参数传的如果是组件选项对象的话，它内部会调用Vue.extend()方法，把该组件的选项对象转换成Vue构造函数的子类，也就是对应组件的构造函数。所以我们经常会说，组件也是一个Vue实例。通过源码我们呢可以看到，它内部就是基于传入的选项对象，创建了组件得构造函数，组件的构造函数继承自Vue的构造函数。所以组件对象拥有和Vue实例一样的成员。...

模版编译的主要目的是将模版template 转换为 渲染函数 render。顺便推荐几个实用网站小工具

虚拟DOM 代码演示new Vue()实例时，render的定义中有个习惯命名为h的函数类型参数，参数h()函数实际上对应我们源码中的$createElement()。h() 函数的作用是用来创建一个虚拟节点VNode，调用 h(tag, data, children) 函数的时候需要传入三（4）个参数：这里的 h函数 跟 snabbdom中的有些类似，核心作用都是一样的，都是为了创建vnode。 只不过Vue中的 h函数 它里面支持组件 component，并且还支持 slots 插槽。...

observe函数中将data作为Observer的构造函数的参数，创建一个Observer对象返回；或者如果data已经是有__ob__属性并且是一个Observer对象（表示Observer对象的缓存），则将data中的__ob__(Observer对象)直接返回。...

Vue初始化过程调试 在src/core/global-api/index.js中，给Vue函数定义挂载了以下的静态成员： Vue的实例初始化过程根据new Vue时的options挂载了各种属性成员：Vue首次渲染的过程

问题是：同时设置template和render函数，最后接轨会渲染什么呢？结论：如果我们设置了render函数，不管我们有没有template，都会直接来调用mount这个方法。mount方法执行完毕过后，界面上就会渲染出render方法中写的内容。...

寻找构建入口文件执行构建 scripts/config.js的执行过程 作用：根据命令设置的参数，生成Rollup构建的配置文件 使用环境变量：TARGET=web-full-dev 首先我们需要找到scripts/config.js对外导出的成员，一般在文件的末尾，我们检索文件中的exports，找到导出成员代码的位置，相关代码如下：根据代码，我们可以看到这里调用了genConfig()，其函数定义如下：函数内部根据外部传进来的参数name，这里的name值就是

目录Vue的不同构建版本Explanation of Build FilesTerms 术语**运行时版本与含编译器版本的区别**准备工作总结： 也就是打包之后产生的不同版本的vue.jsFull 完整版: builds that contain both the compiler and the runtime. 同时包含编译器和运行时的版本。Compiler 编译器: code that is responsible for compiling template strings into

目录准备工作1、vue.js源代码获取可以直接网页下载源代码：或者 通过git clone下载：个人推荐的阅读源码的方式：目录结构解读了解Flow调试设置打包安装依赖设置sourcemap执行dev进行开发构建调试打包结果如何调试Vue.js：这里我们演示解读的是Vue.js 2.6版本，https://github.com/vuejs/vue.githttps://github.com/vuejs/vue.git个人推荐的阅读源码的方式：目录结构解读首先我们git clone获取到的

本文对vue-router插件的基本使用方式的一些基础的回顾，其使用步骤主要分为6步，不算太复杂，一看就懂。 vue页面组件创建没什么好说的，按照vue的单文件组件编写方式进行编写即可。这里只是简单的演示。1、注册路由插件: Vue.use是用来注册插件的，它会调用传入对象对的install方法， 或者是一个函数2、定义路由规则 routes 它是一个数组，数组里是一个个的路由规则，如下所示：3、创建路由对象 router这里传入的routes是上...