‘.sync‘ modifier on ‘v-bind‘ directive is deprecated. Use ‘v-modelpropName‘ instead.

‘.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)