JS.VUE.NO.DEPRECATED.V.BIND.SYNC
Disallow use of deprecated '.sync' modifier on 'v-bind' directive (in Vue.js 3.0.0+)
Rule Details
This rule reports use of deprecated .sync modifier on v-bind directive (in Vue.js 3.0.0+).
See Migration Guide - v-model (https://v3-migration.vuejs.org/breaking-changes/v-model.html) for more details.
{'vue/no-deprecated-v-bind-sync': ['error']}
Copy
<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>
Options
Nothing.
Further Reading
- Migration Guide -
v-model(https://v3-migration.vuejs.org/breaking-changes/v-model.html) - Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument (https://github.com/vuejs/rfcs/blob/master/active-rfcs/0005-replace-v-bind-sync-with-v-model-argument.md)
