1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6.     <title>Document</title>
    7.     <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    8. </head>
    9. <body>
    10.     <div id="app">
    11.         <input type="checkbox" v-model="myState">
    12.     </div>
    13.     <script>
    14.         new Vue({
    15.             el:"#app",
    16.             dataz:{
    17.                 state:true
    18.             },
    19.             computed:{
    20.                 myState:{
    21.                     get(){
    22.                         console.log("state")
    23.                         return this.state
    24.                     },
    25.                     set(value){
    26.                         console.log("set")
    27.                         this.state = value;
    28.                     }
    29.                 }
    30.             }
    31.         })
    32.     </script>
    33. </body>
    34. </html>