官方文档： https://cn.vuejs.org/guide/built-ins/transition.html使用v-if处理盒子显示和消失🤓 看上去很生硬，不是吗？我们来用transition组件处理一下<template> <div> <el-but

keep-alive组件作用我们的要组件能在被“切走”的时候保留它们的状态。要解决这个问题，我们可以用 内置组件将这些动态组件包装起来<!-- 非活跃的组件将会被缓存！ --><KeepAlive><component :is="activeComponen

简单使用TestView.vue<script setup lang="ts"></script><template><div class="parent"> <slot> </sl

一：主要分为渲染、更新、销毁三个部分1：渲染顺序 （先父后子，完成顺序：先子后父）子组件先挂载，然后到父组件父 beforeCreate->父 created->父 beforeMount->子 beforeCreate->子 created->子 beforeMoun

父子组件传值父组件<script setup lang="ts">import { onMounted, ref } from 'vue'import TestView from '../views/TestView.vue'let i

<script setup lang="ts">import {watch,ref} from 'vue'let source = ref('');let length = ref(0);watch(source,(oldVal,new

<script setup lang="ts">import { ref, computed, reactive } from 'vue'type Data = { name: string price: number num: number}c

<script setup lang="ts">import { reactive, toRaw } from 'vue'let obj = reactive({ name: 'meowrain', like: 'jk

Vue toRef和toRefs妙用当我们对reactive对象进行解构的时候，解构出来的数据是基本类型，不再具备响应式，没办法更改视图中的按下按钮后，什么也没变我们使用toRefs，就能把里面的数据一个个转换为响应式对象返回，再被解构，所有属性依然拥有响应式，还能修改<script setu

问题：vue3中reactive对象赋值，不能响应式变化在使用vue3中，使用reactive创建的对象或者数组进行赋值时，可以正常赋值，但是不会触发响应式变化。例子：<script setup lang="ts">import { ref,reactive } fr