vue3.0学习笔记 (toRow和markRaw初始化)

1.toRow初始化

		setup(){
			//数据
			let sum = ref(0)
			let person = reactive({
				name:'张三',
				age:18,
				job:{
					j1:{
						salary:20
					}
				}
			})
 
			function showRawPerson(){
				const p = toRaw(person)
				p.age++
				console.log(p)
			}
        }

  toRaw初始化之后   这样从一个能做响应式的变成一个普通数据

使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。

2.markRaw初始化

<template>
	<h4>当前求和为：{
  {sum}}</h4>
	<button @click="sum++">点我++</button>
	<hr>
	<h2>姓名：{
  {name}}</h2>
	<h2>年龄：{
  {age}}</h2>
	<h2>薪资：{
  {job.j1.salary}}K</h2>
	<h3 v-show="person.car">座驾信息：{