本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 🌊 作者主页：海拥 🌊 作者简介：🥇HDZ核心组成员、🏆全栈领域优质创作者、🥈蝉联C站周榜前十 🌊 粉丝福利：粉丝群 每周送四本书，每月送各

所有熟悉 Vue 技术栈的小伙伴，都知道在列表渲染的场景下，不能使用 index 或 random 作为 key，我若偏要用呢🐶

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

我们为什么要写个组件上传到npm镜像上呢，我们肯定遇到过这样一个场景，项目中有很多地方与某个功能相似，你想到的肯定是把该功能封装成Component组件，后续方便我们调用。但是过了一段时间，你的Leader让你去开发另一个项目，结果你在哪个项目中又看见了类似的功能，你这时会怎么…

在封装第三方组件中，经常会遇到一个问题，如何通过封装的组件去使用第三方组件的Attributes(属性)、Events(自定义事件)、Methods(方法)、Slots(插槽)。 当然这个问题并不是难以解决，用普通方法解决难免陷入繁琐重复的工作中，而且封装的组件代码可读性也不高…

Sennder：欧洲排名第一的全卡车装载数字货运代理平台。 认知一个项目从认识目录开始！Vue 项目那逃不过认知最通用的 Vue CLI 目录结构。 原因是：我们应该花更多的精力去关注 src 文件夹！具体往下看。 静态文件目录：包含字体、图标、图片、样式等静态资源，不做赘述。…

官网有一个url组件的例子，但是比较简陋，基本不太好用，那么我们来完善一下。 官网还是很灵活的嘛，把三个部分都给分开演示了。那我们就把他们合并在一起把。 接收父组件的v-model的属性值，并且提交数据的代码抽象出来放在独立的js文件里面，这样各种组件就都可以拿来用了。 这样写…

关于为什么要做 SSR 的原因，网上也有很多文章写过了，我这里就简单提一下了。 简单来讲是为了优化首屏加载体验和优化SEO。 由于本人擅长的是 Vue 框架，因此采用了基于 Vue 开发的 SSR 框架—— NuxtJS。这也是 Vue 官方推荐的 SSR 框架之一，所以还是质…

每个vue实例在被创建时都要经过一系列的初始化过程---例如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等，称为vue实例的生命周期使用生命周期钩子探讨生命周期从一道面试题