《Vue应用开发》课件——2.5reactive()函数的使用.pptxVIP

任务2.5reactive()函数的使用

2.2.2响应式数据绑定2.reactive()函数reactive()函数用于创建一个响应式对象或数组，将普通的对象或数组作为参数传给该函数即可。使用reactive()函数定义响应式数据的语法格式如下。响应式对象或数组=reactive(普通的对象或数组)

步骤1演示reactive()函数的使用方法步骤2创建src\components\Reactive.vue文件。2.2.2响应式数据绑定

步骤1步骤2修改src\main.js文件，切换页面中显示的组件。2.2.2响应式数据绑定演示reactive()函数的使用方法

保存上述代码后，在浏览器中访问:5173/，初始页面效果如下图所示。2.2.2响应式数据绑定

等待2秒后的页面效果如下图所示。2.2.2响应式数据绑定