Vue之侦听器watch

╰+哭是因爲堅強的太久メ 2022-05-23 12:50 259阅读 0赞 
  1. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>侦听器</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> { { fullName }} </div> <script> let vm = new Vue({ el:'#app', data:{ firstName:'Quincy', lastName:'Cui', fullName:'Quincy Cui' }, watch:{ firstName:function () { this.fullName = this.firstName +' '+this.lastName }, lastName:function () { this.fullName = this.firstName+' '+this.lastName } } }) </script> </body> </html>

侦听也带有缓存，只是有点麻烦~

发表评论

表情：
评论列表 （有 0 条评论，259人围观）

还没有评论，来说两句吧...

相关阅读

    相关 watch 侦听器

    [vue官方文档-watch讲解][vue_-watch] Vue中计算属性和watch的区别 侦听字符串 和 侦听对象的属性 用法的区别 第 1 章：watch 侦听

    快来打我*快来打我*/ 0 赞/ 195 阅读

    相关 Vue.js之侦听器

    虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 `watch` 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执

    本是古典 何须时尚本是古典 何须时尚/ 0 赞/ 329 阅读