vue3.0 ref函数案例

ref函数

• 作用:定义一个响应式的数据。
• 语法: const xxx = ref(initvalue)
• 创建一个包含响应式数据的引用对象(reference对象)。。JS中操作数据:xxx.value
• 模板中读取数据:不需要.value，直接:
  { {xxx}}

·备注:

• 接收的数据可以是:基本类型、也可以是对象类型。
• 基本类型的数据:响应式依然是靠object.defineProperty()的get 与set完成的。
• 对象类型的数据:内部“求助”了Vue3.0中的一个新函数——reactive函数。

App.vue代码：

<template>
  <h1>一个人的信息1</h1>
  <h2>姓名:{