Vue_eventPreventDefault

<template>

  <div>

    <h1>{{ mesg }}</h1>

    <a href="http://www.daum.net" @click="prevent">다음 preventDefault</a><br>

    <a href="http://www.naver.com">그냥 네이버</a><br>

    <a href="http://www.google.com" target="_blank">구글 target="_blank"</a>    <!-- 새 창에서 열기 -->

    <form action="target.html" @submit="prevent">   <!-- public -->

        <button>전송</button>

    </form>

       

</div>

</template>

<script>

export default {

    props:{

        mesg:String,

    },

    methods:{

        prevent:function(e){

            e.preventDefault();     //페이지 이동 X

        },

    },

}

</script>

<style>

</style>

 

html파일은 src 밖의 public 폴더에 넣어야 한다