阅读数:104 评论数:0

vue提供了v-on:eventName这个语法来提供vue的事件绑定，通常使用@eventName这个语法粮代替上述语法。

.native- 监听组件根元素的原生事件。
主要是给自定义的组件添加原生事件。

比方说:你想在某个组件的根元素上绑定事件，直接使用 @click=''function' 是不生效的，我们可以添加.native修饰符 @click.native=''function''。

一般情况下，父组件要监听子组件的事件，可以通过$emit的方式，但是如果父组件要监听子组件的原生事件，比如input的focus事件，可以使用.native修饰符。

<template>
  <div id="app">
    <baseLabel  v-on:focus.native="onFocus"/>
  </div>
</template>

<script>
import baseLabel from './components/HelloWorld.vue'

export default {
  name: 'app',
  components: {
    baseLabel
  },
  methods: {
    onFocus() {
      console.log('lalalalal');
    }
  }
}
</script>