1-6 $event

一、$event 获取原生DOM

<div id="app">
        <input type="text" @keyup="handleUp(123,$event)">
    </div>
    <script>
        new Vue({
            el: "#app",
            data: {
                msg: "hello world"
            },
            methods: {
                handleUp(val,event) {
                    console.log(val)
                    console.log(event)
                }
            }
        })
    </script>

二、:value 和@keyup实现v-model语法糖

<template>
  <div class="home">
    <input type="text" v-model="msg">
    {{msg}}
    <input type="text" :value="message" @input="handleChange">
    {{message}}
  </div>
</template>
<script>
// @ is an alias to /src
export default {
  name: 'Home',
  data(){
    return{
      msg:"hello world",
      message:"good"
    }
  },
  methods:{
    handleChange(e){
      this.message = e.target.value;
    }
  }
}
</script>