3. Vue native

Vue native修饰符

• 概述

  在我们需要监听一个组件的原生事件时，必须给对应的事件加上.native修饰符，才能进行监听。

• 使用

  <template>
    <div id="app">
      <h1>基本程序已运行</h1>
      <MyButton @click.native="buttonClicked">自定义组件按钮</MyButton>
    </div>
  </template>
  
  <script>
    import MyButton from "@/components/common/MyButton";
    export default {
      components: {MyButton},
      methods: {
        buttonClicked() {
          console.log('按钮被点击了');
        }
      }
    }
  </script>