引入ref

需要响应式的数据用ref(data)包起来。

基本类型数据,以及对象类型(底层还是使用到了reative)

import {ref} from 'vue'
let test = "test"//非响应式
let name = ref("张三")
let age = ref(18)

引入reative

只能定义 对象类型 数组类型 数据

import { reactive } from 'vue'
let car=reactive({name:'benci',price=100})
function carPriceChange(){
    car.price++;
}
let game=['ys','ww','aa']
function changeGame(){
    game[1]='bb'
}

ref定义对象类型

let obj = ref({name:'wyl',age:25})
//使用方式有点特殊
//obj是一个ref对象,不是里面包含的对象
function changeName(){
    obj.value.name = "gw"
}

对象复制

Object.assign(obj1,obj2,obj3,...)
//将obj3里面的key,value复制到obj2,又将obj2中的key,value复制到obj1