图片懒加载大家都很熟悉了，优点如下： 提升页面渲染效率，避免大量图片加载造成页面卡顿。 按需加载，减少无效的图片加载，节约网络资源。 本文将使用vue自定义指令的方式，实现图片懒加载的功能。要点

最近在跟着从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境文章学习搭建过程中遇到了一些坑，经过各种查询终于解决，并最终实现了一套具备代码规范+提交规范+单元测试+自动化部署的前端环境，

通过对Pinia基本功能的使用介绍，以及和Vuex进行对比，让我们能够清晰的认识Pinia，从而在后续的业务场景下帮助我们解决问题。这个🍍不酸，亲测保甜！

setup 函数可以说是 Vue 3 一个入口函数。 让我们更深入地研究如何使用每个参数。 setup 函数中的第一个参数是 props。正如在一个标准组件中所期望的那样，setup 函数中的 props 是响应式的，当传入新的 prop 时，它将被更新。我们还是在 src/T…

Vue3采用了过于前卫的 Proxy ，让一些必须考虑兼容性的应用无法立刻升级。所幸，近期笔者也遇到了类似的苦恼，最终发现了属于 Vue2 的 composition API。

Vite 出来已经有很长一段时间了，用过的人都对他颇为好评，之前一直怕有坑没去尝试，用法上和 Webpack 是一样的。

在Vue3中setup被称为组合式API表演的舞台，可见其重要性与地位，在小编第一篇中浅谈过setup的使用，这节可以进阶学习一下setup中两个注意点：执行时机以及其参数

Vue3生命周期与Vue2基本相同，都可以通过配置项去使用生命周期钩子，但流程设计上有了一些区别，一些钩子名称发生了变化，并且Vue3可以通过组合式API形式去使用生命组件钩子，下面与小编一起探讨一下

在说Vue3中的v-model之前，让我们先来看一下Vue2中的v-model是怎么样的。 1.Vue2中v-model的应用场景 对于上述代码中(*)部做出说明 <button @click="co