不是很懂，这个例子，有什么变化，不一样，功能有什么体现吗，没看出来。
App.vue

<template>
  <div id="app">
    <HelloWorld
      data-a ="1"
      data-b ="2"
      msg="Welcome to Your Vue.js App!"
    />
  </div>
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue";

export default {
  components: {
    HelloWorld,
  },
  created() {
    console.log(this.$attrs)
  },
};
</script>

HelloWorld.vue

<template>
  <div>
    <h1>{{msg}}</h1>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  inheritAttrs:false,
  props: {
    msg: String,
  },
};
</script>

算了，先不整这个了，碰到问题了再整。