第三篇:Vue 实例的数据与方法
1. 数据定义
在 Vue 实例中通过 data
选项定义数据
在 Vue 中,data
选项是定义组件数据的关键。通过 data
,我们可以声明在模板中使用的各种数据,这些数据会随着应用状态的改变而更新,进而驱动视图的变化。
在 Vue3 的 setup
语法糖中,数据通常使用 ref
或 reactive
来定义。ref
用于定义基本数据类型(如字符串、数字、布尔值等)和对象,而 reactive
专门用于定义复杂的对象和数组。
- 使用
ref
定义数据:
<template>