携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天 今天分享一下，我们项目当中的一些webpack配置，希望能给大家有所启发；只要配置多了，你就会发现其实所有的配置的都是相似的

如图所示，它是一个程序里面的状态管理模式，它是集中式存储所有组件的状态的小仓库，并且保持我们存储的状态以一种可以预测的方式发生变化。对于可以预测，现在我不多做说明，相信在看完这篇文章之后，你就会有自己的理解。 对于第一个问题，假如是多级嵌套关系，你可以使用父子组件传参进行解决，…

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

本文整理了 Vue3 的8种组件通信和 Vue2 的12种组件通信写法，希望对你有一点点帮助，奥力给

最近在项目中遇到一个需求需要在一个项目中直接引用另一个项目，尝试各种情况无果后选择了iframe。现将调用过程中遇到的问题做一个分享。 此情况主要适用于更改iframe中src值以后导致的路由跳转混乱。 详细描述：当多次更改iframe->src属性后，调用router.go(…

Vue，加实习写了两年半~，期间只是简单学过 React，新东家用 React + Typescript。针对两者，以个人的理解，简单对比一下。

父组件通过 props 传递数据给子组件，子组件通过 emit 发送事件传递数据给父组件。这是最常用的父子组件通信方式，符合单向数据流，即子组件不能直接修改 props， 而是必须通过发送事件的方式告知父组件修改数据。由于是常用的方式，在这也不多啰嗦了。 v-model实现的通…

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

不推荐将v-for和v-if添加在同一个元素上,因为v-for比v-if优先级高，所以使用的话，每次v-for都会执行v-if,造成不必要的计算，影响性能，尤其是当之需要渲染很小一部分的时候。 当你需要进行同步指令的时候。尽量使用计算属性，先将 v-If 不需要的值先过滤掉。