第7章 认识Reactive全家桶

第7章 认识Reactive全家桶

用来绑定复杂的数据类型 例如 对象 数组
简单的数据类型用ref.

一、reactive

改值：

let message_reactive=reactive([]);
let obj=reactive({id:"搜索"});
obj.id="撒啊";


    <div>arr{
  {message_reactive}}</div>
    <div>object{
  {obj}}</div>

数组赋值：第一种 push的方式

let message_reactive_push=reactive<number[]> ([])
  setTimeout(() => {
  let arr3=[1,2,3,4];
  **message_reactive_push.push(...arr3);**
  console.log(message_reactive_push);
}, 1000);
    
    <div>数组赋值arr{
  {message_reactive_push}}</div>
    

数组赋值：第二种 type的方式

type O={
list:number[]
}

let message_reactive_type=reactive<O> ({
list:[null]
})
  setTimeout(() => {
 message_reactive_type.list=[1,2,3,4,9];
  console.log(message_reactive_type);
}, 1000);
    
    <div>