1. <html>
    2.   <body>
    3.     <div id="app">
    4.       </br>
    5.     <p v-on:mousemove="myMouseMove"> 鼠标移动 </p> 
    7.     </br>
    8.   mouseX:{{myMouseX}} </br>
    9. mouseX:{{myMouseY}} </br>
    10. </br>
    11. </div>
    12. </body>
    14. <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    15. <script>
    16.   new Vue({
    17.     //指定作用于那一个div
    18.     el:'#app',   
    19.     //属性
    20.     data:{       
    21.       myMouseX:0,
    22.       myMouseY:0,
    23.     },
    24.     methods:{
    25.       myMouseMove:function(event){
    26.         this.myMouseX=event.clientX;
    27.         this.myMouseY=event.clientY;
    28.       }
    29.     }
    30.   });
    31. </script>
    33. </html>