v-bind="$attrs" v-on="$listeners" 的作用：当vue中有多层组件嵌套， 且多层组件间需要相互传递数据时 如上图所示： A组件嵌套B组件， B组件嵌套C组件 A 与 C

最近用vue开发的一个app，发现一个奇怪的问题，点击头部返回键调用了router.go(-1)，结果没有返回上一级页面,用router.push()跳转到下一级页面又是可以的，debugger调试发

slot，也称插槽，可以类比为插卡式的FC游戏机，游戏机（子组件）暴露卡槽（插槽）让用户插入不同的游戏磁条（自定义内容），游戏机会读取并加载磁条里的游戏。 Vue的slot，是组件的一块HTML模版，这块模版由使用组件者即父组件提供。可以说是子组件暴露的一个让父组件传入自定义内…

很开心见到大家这么喜欢 VueDose 的教程，最近我收到了让我惊讶的关于性能提升的反馈，我非常感激读者们的支持和赞扬 🤗。 上周 Vue.js 的 2.6.0-beta.3 版本已经发布，其中包含了进一步简化作用域插槽的新特性。 这篇文章介绍了 vue 的新指令 v-slo…

为了提高英文水平，尝试着翻译一些英文技术文章，首先就从这个Vue的小技巧文章开始，目前英文版一共22篇。计划用时2~3个月翻译完成。 上周发布了Vue.js的版本2.6.0-beta.3，启用新的功能能够进一步简化作用域插槽。 它引入了新的v-slot指令及其简写，如RFC-0…

class是一个语法糖，其底层还是通过 构造函数 去创建的。所以它的绝大部分功能，ES5 都可以做到。新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。 定义类的时候，前面不需要加 function, 而且方法之间不需要逗号分隔，加了会报错。

本文主要介绍路由传参的方式和$route与$router的区别，路由传参的方式主要介绍了URL传参的三种方式，和通过props解耦传参的三种类型。

在上一章的学习中，我们简单介绍了前端路由的概念，以及如何在 Vue 中通过使用 Vue Router 来实现我们的前端路由。但是在实际使用中，我们经常会遇到路由传参、或者一个页面是由多个组件组成的情况。本章，我们就来介绍下在这两种情况下 Vue Router 的使用方法以及一些…

高阶组件这个概念在 React 中一度非常流行，但是在 Vue 的社区里讨论的不多，本篇文章就真正的带你来玩一个进阶的骚操作。 先和大家说好，本篇文章的核心是学会这样的思想，也就是 智能组件 和 木偶组件 的解耦合，没听过这个概念没关系，下面会详细说明。 这可以有很多方式，比如…