引入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