关于数据传递和接收的两种方式？

在跟着开源项目学习的时候发现作者用的是第二种方式，感觉通过参数传递会更简洁些，但是作者是通过自定义属性的方式，不太理解，有解释一下的吗？

<template>
  <div>
    <button @click="NavChange('index')">首页</button>
    <button @click="NavChange('search')">会员专区</button>
    <button @click="NavChange('cases')">组件模板</button>
    <button @click="NavChange('news')">文章资讯</button>
    <button @click="NavChange('me')">个人中心</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      PageCur: 'index'
    };
  },
  methods: {
    NavChange(cur) {
      this.PageCur = cur;
    }
  }
};
</script>

<template>
  <view>
    <button @click="NavChange" data-cur="index">首页</button>
    <button @click="NavChange" data-cur="search">会员专区</button>
    <button @click="NavChange" data-cur="cases">组件模板</button>
    <button @click="NavChange" data-cur="news">文章资讯</button>
    <button @click="NavChange" data-cur="me">个人中心</button>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        PageCur: 'index'
      };
    },
    methods: {
      NavChange(event) {
        this.PageCur = event.currentTarget.dataset.cur;
      }
    }
  }
</script>

在跟着开源项目学习的时候发现作者用的是第二张方式，感觉通过参数传递会更简洁些，但是作者是通过自定义属性的方式，不太理解，有解释一下的吗？

下面是作者的原代码