Input 标签监听内容输入(change、input 事件区别)

<template>
  <!-- input vue写法 -->
  <input type="text" @change="onChange" @input="onInput">
  <!-- input 原生写法 -->
  <!-- <input type="text" onchange="onChange(event)" oninput="onInput(event)"> -->
</template>

<script>
export default {
  methods: {
    // 失去焦点时调用
    onChange (e) {
      console.log(e.target.value)
    },
    // 每次输入字符时调用
    onInput (e) {
      console.log(e.target.value)
    }
  }
}
</script>