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

任务2.4ref()函数的使用

2.2.2响应式数据绑定响应式数据=ref(数据)1.ref()函数ref()函数用于将数据转换成响应式数据，其参数为数据，返回值为转换后的响应式数据。使用ref()函数定义响应式数据的语法格式如下。响应式数据.value=新值如果需要更改响应式数据的值，可以使用如下语法格式进行修改。

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

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

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

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