prop类型失败，prop标记为required (但已明确定义并通过)

<script>
export default {
  props: {
    myProp: {
      type: String,
      required: true
    }
  }
}
</script>

<my-component my-prop="some string"></my-component>

<my-component my-prop="some string"></my-component> <!-- 正确 -->
<my-component myProp="some string"></my-component> <!-- 错误 -->

<my-component :my-prop="value"></my-component>

<script>
export default {
  data() {
    return {
      value: ''
    };
  },
  methods: {
    updateValue() {
      this.value = 'new value';
    }
  }
}
</script>

<template>
  <my-component :my-prop="value"></my-component>
  <button @click="updateValue">Update Value</button>
</template>

<script>
export default {
  props: {
    name: {
      type: String,
      required: true
    }
  },
  template: `<div>Hello, {{ name }}!</div>`
}
</script>

<template>
  <my-component name="Alice"></my-component>
</template>

<script>
import MyComponent from './MyComponent.vue';

export default {
  components: {
    MyComponent
  }
}
</script>