前言 多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。但仅仅是传递数据，不做中间处理，使用 vuex 处理，未免有些大材小用了。所以就有了 $attrs 、 $listeners两个属性 ，

最近在看 Vue 团队成员的技术演讲，从中能了解到他们的设计思考以及最佳实践，看完一场收获颇多，里面有文档里学不到的设计思考。

父子组件通讯的方法之一是使用$emit。 它的作用是循环执行当前 vm （组件实例）的 _events 属性内某个 event （事件名）对应的事件回调列表。也就是触发事件。 Vue.prototype.$emit定义在src/core/instance/events.js中。…

作者简介：koala，专注完整的 Node.js 技术栈分享，从 JavaScript 到 Node.js,再到后端数据库，祝您成为优秀的高级 Node.js 工程师。【程序员成长指北】作者，Github 博客开源项目 https://github.com/koala-codi…

Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态，而更改状态的唯一方法是提交mutation，例this.$store.commit('SET_VIDEO_PAUSE', video_pause，SET_VIDEO_PAU…

.sync 修饰符是事件绑定的语法糖。 应用场景是在父子组件传值的，且子组件要修改这个数据的时候使用。它的原理是利用EventBus，子组件触发事件，父组件响应事件并实现数据的更新，避免由子组件直接修改父组件传过来的内容。（如果子组件直接操作，vue会有警告提示） 用一个现实中…

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

Vue2.x【注册或获取全局组件。注册还会自动使用给定的 id 设置组件的名称】 Vue3【注册或获取全局组件. 注册还会自动使用给定的 name组件 设置组件的名称】全局组件 指令绑定到的元素。这可以用来直接操作DOM。 oldValue：指令绑定的前一个值，仅在 befor…

掘金本站的 Vue.js 开发实践小总结