‘.sync’ modifier on ‘v-bind’ directive is deprecated. Use ‘v-model:propName’ instead.eslint-plugin-vue
原因
vue3弃用了.sync
做属性的双向绑定,改用v-model:propName
解决方案
<template>
<!-- ✓ GOOD -->
<MyComponent v-bind:propName="foo"/>
<MyComponent :propName="foo"/>
<!-- ✗ BAD -->
<MyComponent v-bind:propName.sync="foo"/>
<MyComponent v-bind:[dynamiArg].sync="foo"/>
<MyComponent v-bind.sync="foo"/>
<MyComponent :propName.sync="foo"/>
</template>
官网更改指示:vue/no-deprecated-v-bind-sync | eslint-plugin-vue (vuejs.org)