window.history 对象包含浏览器的历史，window.history 对象在编写时可不使用 window 这个前缀。history是实现SPA前端路由是一种主流方法，它有几个原始方法： 在HTML5，history对象提出了 pushState() 方法和 repl…

注意这段代码中的 type 属性, 我们给的值是 typo, 这并不属于 input 支持的 type 种类. 可以看到, 在 attribute 中, 值仍然是 html 代码中的值. 而在 property 中, type 被自动修正为了 text, 而 value 随着用…

【3】组件守卫：是指在组件内执行的钩子函数，类似于组件内的生命周期，相当于为配置路由的组件添加的生命周期钩子函数。 next()：进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是confirmed(确认的)。 next( false )中断当前的导航。如果浏览器的…

这将是一个Vue源码解析的系列文章，该篇是第一章，后续文章“Vue源码分析二：响应式原理，视图更新？(https://juejin.im/post/6844904045694418951)”持续输出中... 上述源码可以很清楚的发现，_init这个方法主要做了合并配置…

最近重构项目，找到了eslint自动fix的方法遂想大展身手，结果放开规则校验瞬间出现了上千个error。只能慢慢摸索用了将近一天的时间和各种大招摆平了这个问题，下面步入正题： 此文件的作用是为了防止团队协作时大家所用ide不同导致代码规范不同每次合并代码时带来大量的并没有变化…

0. 背景 目前在丁香医生的业务中，我会负责一个基于Vue全家桶的WebApp项目。 一直有件不太弄得明白的事：在每个组件的template标签里，都会使用dataReady来进行渲染控制。例如像下面这样，请求完了以后再渲染页面。 但是实际上，我在组件的data选项里并没有定义…

Vue进阶系列汇总如下，欢迎阅读。 2、使用插件必须在new Vue()启动应用之前完成，实例化之前就要配置好。 3、如果使用Vue.use多次注册相同插件，那只会注册成功一次。 Vue.use接受一个对象参数plugin，首先判断是否已注册，如果多次注册相同插件那么只会注册成…

对于那些开始学习Vue的人来说，对于方法、计算属性和观察者之间的区别有点混淆。 尽管通常可以使用它们中的每一个来完成或多或少相同的事情，但了解每个人在哪里胜过其他人还是很重要的。 在这个快速提示中，我们将了解Vue应用程序的这三个重要方面及其用例。我们将通过使用这三种方法中的每…

先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 从图中可以得知：msg1和msg3显示的内容还是变换之前的，而msg2显示的内容是变换之后的。其根本原因是因为Vue中DOM更新是异步的（详细解释在后面）。 下面了解下nextTick的主要应用的场景及原因…