今天对vue组件通信方式进行一下总结，如写的有疏漏之处还请大家不吝赐教。 1. props/$emit props和$emit相信大家十分的熟悉了，这是我们最常用的vue通信方式。 props：props可以是数组或对象，用于接收来自父组件通过v-bind传递的数据。当prop…

通过上图, 应该可以理解一个Vue组件是如何运行起来的. render渲染函数, render渲染函数是用来生成Virtual DOM的. Vue推荐使用模板来构建我们的应用程序, 在底层实现中Vue最终还是会将模板编译成渲染函数. 因此, 若我们想要得到更好的控制, 可以直接…

前言日常开发中，我们会用到很多第三方组件库，学习组件开发最好的方法就是看这些组件库的源码，并从中学到一些小技巧element-ui大家基本都用过，总结一下组件库中Tree和Collapse 用到的小技

在深入$nextTick原理之前，我们需要先来简单了解下浏览器的事件循环机制。 我们都知道，JavaScript是单线程的，也就是说，JavaScript在执行代码的时候，只有一个主线程来处理所有的任务。 那么要怎么处理异步代码（如I/O操作）呢？那就是我们即将要说的事件循环机…

「假设：」 在一个 web 页面中，有1个按钮，点击可跳转到站内其他页面。 「单页面应用：」 点击按钮，没有新的html请求，只发生局部刷新，能营造出一种接近原生的体验，如丝般顺滑。 SPA 单页面应用为什么可以几乎无刷新呢？因为它的SP——single-page。在第一次进入…

Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 后续 Vue 3.x 出来后持续更新. 3. 14种组件通讯 provide 和 inject 主要为高阶插件/组件库提…

require.context主要用于自动化导入模块。认真看一下你的vue项目，除了路由这里，组件导入是不是也可以用到require.context来自动化？ 跑起你的项目，你会发现在控制台输出了一坨 success... 于是现在来了一个需求，当页面滚动的时候，表格随着滚动，…

现在前端开发中使用Vue的估计比较多，组件也是Vue比较核心的内容，也是我们平常开发中接触最多的东西了，那么什么是组件呢？组件可以是小到一个按钮，一个图标，也可以大到一个页面，甚至是一个系统。 最近接手了一个Vue的项目，可以说是学到了不少东西，当然也包括本篇说的“组件”，所以…

9 月 19 日凌晨，Vue3 在经过多个开发版本的迭代后，终于迎来了它的正式版本，「One Piece」的代号也昭示了其开拓伟大航路的野心。 Vue3 的新特性主要有 Composition API、Teleport、Fragments 和 <script setu…