pageClass | sidebarDepth | title | description |
---|---|---|---|
rule-details |
0 |
vue/no-deprecated-v-bind-sync |
disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+) |
disallow use of deprecated
.sync
modifier onv-bind
directive (in Vue.js 3.0.0+)
- 🔧 The
--fix
option on the command line can automatically fix some of the problems reported by this rule.
This rule reports use of deprecated .sync
modifier on v-bind
directive (in Vue.js 3.0.0+)
<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>
Nothing.