<div id="app">
<date-picker @change="submitChange"></date-picker>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const app = Vue.createApp({});
app.component('date-picker', {
inheritAttrs:true,
template: `
<div class="date-picker">
<input type="datetime-local" />
</div>
`,
created() {
console.log(this.$attrs) // { onChange: () => {} }
}
}),
app.mount('#app')
</script>
vue@next:1312 [Vue warn]:
Property "submitChange" was accessed during render but is not defined on instance.
at <App>
vue官方文档上的例子。