ITPub博客

首页 > IT职业 > IT生活 > Vue3 监听属性

Vue3 监听属性

原创 IT生活 作者:huahua11 时间:2023-04-24 18:26:27 0 删除 编辑

< div id  =   "app" >
     < p style  =   "font-size:25px;" > 计数器 :   { {  counter  } } </ p >
     < button  @ click  =   "counter++"  style  =   "font-size:25px;" > 点我 </ button >
</ div >
    
< script >
const  app  =   {
  data ( )   {
     return   {
      counter :   1
     }
   }
}
vm  =  Vue. createApp ( app ) . mount ( '#app' )
vm.$watch ( 'counter' ,   function ( nval ,  oval )   {
    alert ( '计数器值的变化 :'   +  oval  +   ' 变为 '   +  nval  +   '!' ) ;
} ) ;
</ script >

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70029331/viewspace-2948503/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: Vue3 自定义指令
请登录后发表评论 登录
全部评论

注册时间:2023-04-24

  • 博文量
    16
  • 访问量
    16136