Vue 实践中的理解

一、响应式变量

1. 常用情况

通常在一个vue文件下，我们都知道，在该文件下只要需改其值，它就会自动刷新，样例如下。

<script>
import { ref } from "vue";
let name = ref('张三');
name.value = "李四";
</script>

2. 将该值通过uni.$emit抛出，修改其引用值依旧会被修改

<script setup>
//在A.vue文件下，抛出一个响应式对象
import { ref } from "vue";
let person = ref({
    name: "张三",
    age: 12
});
//uniapp页面通讯的写法
uni.$emit("xxxxx",person);



//在B.vue文件下，接收响应式对象
uni.$on("xxxxx",(person)=>{
    //此处修改值后，A文件里面的person就被修改了
    person.age = 18;
});
</script>