6篇文章 关联标签 "vue"

我们都知道，vue3 可以用 ref 和 reactive 来定义响应式数组，但是为什么要提供两种定义方式呢？这两者本质的区别是什么？什么场景下使用 ref 呢？什么场景下使用 reactive 呢？我们来一探究竟。

在不使用 UI 组件库开发 vue 项目的时候，我们需要一些 loading 效果，比如全局加载，局部加载，按钮加载中等等。本文整理了 4 款高性能简单易用的 vue 加载中组件，入手简单，赶紧用起来。

最近Vue3和Pinia是相当的热门，本文尝试使用Vue3和Pinia搭建项目框架，并集成TypeScript，可以用来当做项目的脚手架。废话不说多，接下来我们一步步把Vue3，Pinia，TypeScript集成起来。

vue框架提供了前端开发组件的思想，可以通过组件来组合成一个完整的页面，都是随着组件数量原来越多，组件之间难免需要相互通信，那么如何实现组件之间的通信呢？下面介绍vue组件通信的几种方法

在写Vue的时候，你或许会遇到更新数据的时候需要操作DOM，比如在修改状态后通过 this.$refs.content.getBoundingClientRect() 想要获取最新的渲染后的元素的尺寸

在Vue3之前，vue针对对象的属性监听主要通过 `Object.defineProperty` 来实现，通过拦截对象属性的 **get/set** 方法，在渲染页面的时候会触发 get 方法，创建一个 watcher实例 来收集依赖，当 set 方法触发，通过 watcher 来通知相应的组件重新渲染。然而这种方法只适用于对象，对数组是通过重写数组原型链上的 push，pop，shift，unshift，splice，sort，reverse 方法