04.reactive

学习要点：
1.reactive
本节课我们来要了解一下 Vue3.x 中的 reactive 响应式用法。
一．reactive
1. 在 setup()中我们可以创建一个静态的对象，比如：
const obj = {}
2. 如果要创建一个可以返回对象的响应式副本，可以使用 reactive；
import { reactive } from 'vue'
// 响应式对象副本，以 Proxy 代理对象存在
const obj = reactive({
name : 'Mr.Lee',
age : 100
})
PS：可以使用 isReactive()来判断是否 reactive 响应式的 Proxy 对象；
console.log(isReactive(obj))
PS：从它的 TypeScript 类型说明上来看，它是支持对象数据，不支持普通数据；
// 会有警告，错误的用法
const count = reactive(0)
3. 那么，可不可以创建响应式的数组，JS 中数组的 typeof 也是 object；
// 数组测试
const arr = reactive([1, 2, 3])
PS：测试结果也可以实现响应式，也就是说：reactive 支持对象转换，不支持简单数据；
4. readonly()可以将静态对象或 reactive 响应式对象转换成 Proxy 代理对象；
// 只读，无法修改
const copy = readonly(obj)
console.log(copy)
// 判断是否只读的 Proxy 对象
console.log(isReadonly(copy))
PS：还有一个 isProxy()，判断是否是代理对象；

04.reactive相关推荐

Spring Reactive已经过时了吗？螺纹连接反转
除了Spring的依赖注入仅解决控制反转问题的1/5之外,Spring Reactive还基于事件循环. 尽管还有其他流行的事件循环驱动解决方案(NodeJS,Nginx),但单线程事件循环是每个请求 ...
Reactive 简介
1. 概念 Reactive 非常适合低延迟.高吞吐量的工作负载. Reactive Processing 是一种范式(规范),它使开发人员能够构建非阻塞的.异步的应用程序,这些应用程序能够处理背压( ...
聊聊reactive streams的processors
序本文主要研究一下reactive streams的processors processors分类 processors既是Publisher也是Subscriber.在project reacto ...
双硬盘Win7装Ubuntu 12.04经验并解决无线网络不能使用问题
今天急急忙忙下装了 Ubuntu 12.04(双系统 Win7 Ultimate 64bit + Ubuntu). 先是Ubuntu安装过程把Win7下的盘识别的乱七八糟的,后来才发现是主分区已经没 ...
reactive_Spring Reactive已经过时了吗？螺纹连接反转
reactive 除了Spring的依赖注入仅解决控制反转问题的1/5之外,Spring Reactive还基于事件循环. 尽管还有其他流行的事件循环驱动解决方案(NodeJS,Nginx),但单线程 ...
docker 配置使用宿主机的GPU（ubuntu16.04+cuda10.0+cudnn7）
1. 安装 Docker 卸载旧版本 Docker sudo apt-get remove docker docker-engine docker.io containerd runc 安装新版本 s ...
Ubuntu 16.04 安装后修改屏幕分辨率(xrandr: Failed to get size of gamma for output default)
ubuntu 16.04 安装后分辨率只有一个选项 1024x768,使用 xrandr 命令出现错误: xrandr: Failed to get size of gamma for output ...
Ubuntu 16.04 安装 Docker - Dependency failed for Docker Application Container
Docker 安装由于 apt 官方库里的 Docker 版本可能比较旧,所以先卸载可能存在的旧版本: sudo apt-get remove docker docker-engine docker ...
【Docker】Ubuntu18.04国内源安装Docker-准备工作(一）
前言: 安装docker由于很多教程都使用国外源和阿里源,安装失败,这里总结一种国内源的安装方法,亲测有效! 过程: 步骤1:在服务器上创建虚拟机远程连接服务器,win+R--输入mstsc---- ...

04.reactive

04.reactive相关推荐

最新文章

热门文章