小试牛刀

//vetur高亮; vue+tab 快速生成
<template>
  <div class="box">
    我是个盒子<button @click="fn">按钮</button>
  </div>
</template>

<script>
export default {
  methods:{
    fn(){
      alert("Hello Vue")
    }
  }
}
</script>s

<style>
.box{
  width:200px;
  height:200px;
  background-color: pink;
}
</style>