vue中ref和watch的使用

最新推荐文章于 2024-06-02 09:41:29 发布

我吃饭很慢.

最新推荐文章于 2024-06-02 09:41:29 发布

阅读量1.9k

点赞数 1

分类专栏： Vue小白入门文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_45586870/article/details/122849742

版权

一、ref简介

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件.

二、watch简介

一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例化时调用 $watch()，遍历 watch 对象的每一个 property。简而言之watch是数据监听作用。
注意：不建议使用watch,它会持续监听属性的状态，会耗费项目性能，用来调试还是可以的

二、案例

①index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content

最低0.47元/天解锁文章

我吃饭很慢.

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue中ref和watch的使用

一、ref简介ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件.二、watch简介一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例化时调用 $watch()，遍历 watch 对象的每一个 property。简而言之watch是数据监听作用。注意：不建议使用watch,它会持续监听属性的状态，会耗费项目
复制链接

扫一扫