watch

最新推荐文章于 2025-12-02 21:41:05 发布

原创最新推荐文章于 2025-12-02 21:41:05 发布 · 191 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

Vue 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何使用Vue.js创建一个简单的应用，包括使用v-model双向数据绑定和watch方法实现数据变化监听。适合初学者了解Vue的基本用法。

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
   </head>
   <body>
       <div id="app">
           <input v-model="name"/>{{name}}
       </div>
   </body>
   <script src="https://unpkg.com/vue@next"></script>
   <script>
       const app = Vue.createApp({
           data(){
               return {
                   name:"asia",
                   age:23
               }
           },
           methods:{

           },
           watch:{
               name(newValue,oldValue){
                   console.log(newValue,oldValue);
               }
           }
       }).mount("#app");
   </script>
</html>