在Vue 3中，`ref`和`reactive`均用于创建响应式数据，但其适用场景及使用方式存在差异： **核心区别** - `ref`内部通过`reactive`包装成`{ value: ... }`对象实现，本质仍为`reacti ...

Vue 3 中如何正确使用 ref 和 reactive 的区别是什么？ **回答：** 在 Vue 3 中，ref 和 reactive 都用于创建响应式数据，但它们的使用方式和适用场景不同： - **ref** 用于将基本类 ...

Vue 3 中如何使用 Composition API 实现组件间的状态共享？ **回答：** 在 Vue 3 中，可以使用 Composition API 结合 provide/inject 或创建一个可复用的响应式状态模块（通常称 ...

Vue 3 中如何在 setup() 函数中访问组件实例（this）？ **回答：** 在 Vue 3 的 Composition API 中，setup() 函数在组件实例被创建之前执行，因此无法直接通过 this 访问组件实例 ...

在 Vue 3 中，为什么 setup() 函数中不能直接使用 this 访问组件实例？ 因为在 Vue 3 的 Composition API 中，setup() 函数是在组件实例被创建之前执行的，此时组件实例（即 this 所指向的对 ...

在 Vue 3 的 Composition API 中，为什么使用 ref 创建的响应式变量在模板中可以直接访问，但在 setup() 函数内部却需要通过 .value 访问？ **回答与解析：** 这是因为 Vue 3 在编译模板时会 ...

1. 响应式系统Vue 3 的响应式系统是通过 Proxy 实现的，它取代了 Vue 2 中的 Object.defineProperty。Proxy 提供了更强大和灵活的拦截能力，能够监听对象属性的读取、修改、删除 ...

文章详情是整个博客系统最核心的页面，也是整个博客传递信息给读者的最近的地方。新建详情页面可以分为两个步骤，新增详情文件，新增路由，这也是所有新建页面的基本步骤。src/views/postDetail.vue<p ...

项目搭建完成后，是时候新建第一个页面了，为了尽可能的简单，我们按最小化原则新建对应的页面，后续的页面都可以在这个基础上完成。博客最基础的页面就是文章列表跟文章详情页面，只要有这两个页面就可以实现一个迷你博客了。< ...

大家好我是图恩，在用vue3重构后台管理系统的过程中需要实现文章的自动保存草稿功能，自动保存的原理就是前端使用一个定时器，比如每隔15秒调保存接口从而实现自动保存用户的数据避免丢失。在用户未点击提交前都是采用的自动保存， ...