webpack中vue模板组件的使用

<template>
    <div>
        <h1 @click="show">我是登陆组件{{ message}}</h1>
    </div>
</template>

<style>
</style>
<script>

 export default{
     data:function(){
         return {
             message:123
         }

     },
     methods:{
         show:function(){
             console.log(2121);
         }
     }
 }
</script>