vue 3.0 学习过程中,模仿代码出错,请各位大佬帮忙看看

模仿代码无法正常显示,在页面中按钮的点击事件没有触发 js代码里的my函数也是暗的 提示Unused property my,点击F12 ,里面提示一句话
We're sorry but vuetest doesn't work properly without JavaScript enabled. Please enable it to continue.

已经将mode改为hash模式了,还是没有解决。

<template>
<div>
 <button v-on:click="my"></button>
</div>

</template>

<script>


export default {
  name: 'App',
  data:function () {
return{
  stus:[
          {id:1,name:'a',age:0},
    {id:2,name:'b',age:1},
    {id:3,name:'c',age:3},
    {id:4,name:'d',age:5},
    {id:5,name:'e',age:7},
    {id:6,name:'f',age:9},

  ]
}
  },
  method:{
    my: function () {
      alert('sssss');
    }
  }
}
</script>

<style>

</style>

https://blog.csdn.net/weixin_39228870/article/details/85771384

<template>
<div>
 <button @click="my"></button>
</div>

</template>

<script>


export default {
  name: 'App',
  data() {
return{
  stus:[
          {id:1,name:'a',age:0},
    {id:2,name:'b',age:1},
    {id:3,name:'c',age:3},
    {id:4,name:'d',age:5},
    {id:5,name:'e',age:7},
    {id:6,name:'f',age:9},

  ]
}
  },
  method:{
    my() {
      alert('sssss');
    }
  }
}
</script>

<style>

</style>