Vue103 vue3 响应式数据的判断

响应式数据的判断笔记

• isRef: 检查一个值是否为一个 ref 对象
• isReactive: 检查一个对象是否是由 reactive 创建的响应式代理
• isReadonly: 检查一个对象是否是由 readonly 创建的只读代理
• isProxy: 检查一个对象是否是由 reactive 或者 readonly 方法创建的代理

代码

<template>
	<h3>我是App组件</h3>
</template>

<script>
	import {
      
      ref, reactive,toRefs,readonly,isRef,isReactive,isReadonly,isProxy } from 'vue'
	export default {
      
      
		name:'App',
		setup(){
      
      
			let car = reactive({
      
      name:'奔驰',price:'40W'})
			let sum = ref(0)
			let car2 = readonly(car)

			console.log(isRef(sum))
			console.log(isReactive(car))
			console.log(isReadonly(car2))
			console.log(isProxy(car))
			console.log(isProxy(sum))

			
			return {
      
      ...toRefs(car)}
		}
	}
</script>

<style>
	.app{
      
      
		background-color: gray;
		padding: 10px;
	}
</style>