Vue3 提供了两种创建响应式数据的方式：ref 和 reactive。它们有什么区别？在开发中该如何选择？本文将详细讲解它们的用法、适用场景，并介绍相关的辅助 API

你是不是经常在Vue项目里写模板，却总觉得有些场景处理起来很别扭？比如动态绑定属性名、处理复杂的事件逻辑，或者想要更优雅地实现父子组件通信？ 别担心，今天我就带你深入Vue模板语法，掌握那些官方文档里

最近用vue3很少啦，然后发现有的都忘记了，趁着稍微没有那么忙，写在这记录一下，后面再慢慢补充吧！ watchEffect 立即运行一个函数，同时响应式地追踪其依赖，并在依赖更改时重新执行。

🐶 问题背景 在最近的项目开发中，有一个水印的需求。这个水印功能，在一个已知的 vue2 项目中已经实现，在vue2中，将这个水印封装成了一个 watermark plugin，方法是直接在 vue

在日常使用Vue开发项目的时候，计算属性computed是一个非常常用的特性，它的主要作用是对数据进行处理，然后返回新的数据，这样就不需要在模板中写过多的逻辑代码，从而使得模板更加简洁，可读性更强。

再初步了解了响应式的原理后，接下来我们深入响应式，解析数组响应式的原理。 对于这两种改变数据的方式，vue内部的实现并不相同。 实现原理和对象是一样的，再vm._render()时有用到list，就将依赖收集起来，重新赋值后走对象派发更新的那一套。 走对象的那一套就不行了，因为…

想必大家对dep收集watcher的作用有一定了解，此文章将回顾依赖收集的过程，但是会重点分析分析为何watcher还会收集dep。

用vue全家桶开发一年多了，踩过不少坑，也解决了很多的问题，把其中的一些点记录下来，希望能帮到大家。以下内容基于最新版的vue + vuex + vue-router + axios + less + elementUI，vue脚手架是vue-cli3。 vue 为了防止 cs…