vue2.0侦听器

VIP文章 ✪ω✪玖忆惜梦✪ω✪

已于 2022-03-27 21:50:54 修改

阅读量1k

点赞数

分类专栏：前端文章标签：前端 vue

于 2022-03-27 21:44:47 首次发布

本文链接：https://blog.csdn.net/qq_44039897/article/details/123782527

版权

1、watch侦听器

（1）允许开发者监视数据的变化，针对数据的变化做特定的操作

（2）方法格式的侦听器本质是一个函数，监听谁就设谁为函数名

（3）第一个参数是变化后的新值，第二个参数是变化前的旧值

<body>
    <div id="app">
        <input type="text" v-model="username">
    </div>

    <script src="./lib/vue.js"></script>
    <script>
        const vm = new Vue({
            el: '#app',
            data: {
                username: ''
            },
            watch: {
                username(newVal, oldVal) {
                    console.log("我监听到了", newVal, oldVal);
                }
            }
        })
    </script>
</body>

2、immediate选项

（1）通过immediate选项让侦听器自动触发一次

（2）使用对象格式的侦听器

（3）handler()是侦听器处理函数

（4）immediate默认值是false

<body>
    &

最低0.47元/天解锁文章

✪ω✪玖忆惜梦✪ω✪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue2.0侦听器

1、watch侦听器（1）允许开发者监视数据的变化，针对数据的变化做特定的操作（2）方法格式的侦听器本质是一个函数，监听谁就设谁为函数名（3）第一个参数是变化后的新值，第二个参数是变化前的旧值<body> <div id="app"> <input type="text" v-model="username"> </div> <script src="./lib/vue.js"><...
复制链接

扫一扫