Vue3 入门-第三篇：Vue 实例的数据与方法

第三篇：Vue 实例的数据与方法

1. 数据定义

在 Vue 实例中通过 data 选项定义数据

在 Vue 中，data 选项是定义组件数据的关键。通过 data，我们可以声明在模板中使用的各种数据，这些数据会随着应用状态的改变而更新，进而驱动视图的变化。

在 Vue3 的 setup 语法糖中，数据通常使用 ref 或 reactive 来定义。ref 用于定义基本数据类型（如字符串、数字、布尔值等）和对象，而 reactive 专门用于定义复杂的对象和数组。

1. 使用 ref 定义数据：

<template>
  <