其中include可以是个数组，数组内容为路由的name选项的值。 hash: 兼容所有浏览器，包括不支持 HTML5 History Api 的浏览器，例http://www.abc.com/#/index，hash值为#/index， hash的改变会触发hashchang…

作者：滴滴公共前端团队 - 黄轶 大家好，我叫黄轶，来自滴滴公共前端团队，我们团队最近写了一本书 ——《Vue.js 权威指南》，内容丰富，由浅入深。不过有一些同学反馈说缺少 Vuex 的介绍的章节。既然 Vue.js 2.0 已经正式发布了，我们也要紧跟步伐，和大家聊一聊 V…

最近部门分享，有同学提到了 Vue 响应式原理，大家在讨论时，发现一些同学对这一知识理解还不够深入，不能形成一个闭环，为了帮助大家理解这个问题，我重新过了一下 Vue 源码，并整理了多张流程图，便于大家理解。 从 Vue 初始化，到首次渲染生成 DOM 的流程。 从 Vue 数…

setup接收一个props和context函数并且将setup内的内容通过`return`暴露给组件的其余部分。

年前入职新公司，公司要求搭建一个UI组件库，本专栏详细记录搭建思路和步骤，最后有项目github地址。 安装完成后，输入命令vue --version，查看Vue CLI的版本号是否是3.0以上，是则表明安装成功。 1、在文件夹地址中输入cmd，打开命令行工具。 2、在命令行工…

Vue2.0引入了虚拟DOM，比Vue1.0的初始渲染速度提升了2～4倍，并大大降低了内存消耗。目前主流的前端框架Vue、React核心技术也都使用了虚拟DOM，你是否好奇为什么要提出虚拟DOM，虚拟DOM是什么，它有什么优势？这一切的问题，都将在本篇揭晓。 在Web早期，页面…

所以，只要我们想要动态修改网页的内容的时候，我们就修改DOM。 而getElementById，parentNode和emoveChild则是HTML DOM API中的方法。 Shadow DOM是浏览器提供的一个可以允许将隐藏的DOM树添加到常规的DOM树中——它以shad…

Virtual DOM的概念相信大家都不会陌生，Vritual DOM是相对与DOM(文档对象模型)来说的，MDN上关于DOM的定义：“DOM模型用一个逻辑树来表示一个文档，树的每个分支的终点都是一个节点(node)，每个节点都包含着对象(objects)。DOM的方法(met…

我们已经执行完了vm._render方法拿到了VNode，现在将它作为参数传给vm._update方法并执行。vm._update这个方法的作用就是就是将VNode转为真实的Dom，不过它有两个执行的时机： 当执行new Vue到此时就是首次渲染了，会将传入的VNode对象映射…