1.插槽是什么(举个例子) (1)匿名插槽 那我们想要把父组件中p标签得内容展示出来怎么办?(只需一步,修改下子组件) 页面结果: 我是父组件 我是子组件 是否显示 (2)默认插槽 有时我们父组件不在

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

Vue 是一个用于构建 Web 应用程序的前端框架，其设计方式使得开发人员可以非常快速地提高工作效率。该框架的各个方面都有很多资料，它的社区也每天都在不断成长。如果你读到了这篇文章，那么这些事儿你很可能已经知道咯。 虽然我们可以快速直接地启动并运行它，但是框架里面那些更复杂和更…

Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况，提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…

记得初学Vue源码的时候，在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去，发现再也绕不出来了。Vue发展了很久，很多fix和feature的增加让内部源码越来越庞大，太多的边界情况和优化设计掩盖了原本精简的代码设计，让新手阅…

vm.$attrs包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind="$…

什么是服务端渲染，简单理解是将组件或页面通过服务器生成html字符串，再发送到浏览器，最后将静态标记"混合"为客户端上完全交互的应用程序。 于传统的SPA（单页应用）相比，服务端渲染能更好的有利于SEO，减少页面首屏加载时间，当然对开发来讲我们就不得不多学一些知识来支持服务端渲…

“你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。” 现在项目中遇到了，好好回头总结一波Vue生命周期，以后用到的时候再来翻翻。 每个 Vue 实例在被创建时都要经过一系列的初始化过程。 例如：从开始创建、初始化数据、编译模板、挂载Dom、数据…

相信大家对 Vue 有哪些生命周期早就已经烂熟于心，但是对于这些生命周期的前后分别做了哪些事情，可能还有些不熟悉。 本篇文章就从一个完整的流程开始，详细讲解各个生命周期之间发生了什么事情。 注意本文不涉及 keep-alive 的场景和错误处理的场景。 进入了 _init 函数…