Note

This is a documentation for version 7.0.0-beta.2.
To check version 6.2.2 go here. To check previous releases go here.

# vue/v-for-delimiter-style

enforce v-for directive's delimiter style

  • 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

# 📖 Rule Details

This rule enforces which delimiter (in or of) should be used in v-for directives.

<template> <!-- ✓ GOOD --> <div v-for="x in xs" /> <!-- ✗ BAD --> <div v-for="x of xs" /> </template>
Now loading...

# 🔧 Options

Default is set to in.

{
  "vue/v-for-delimiter-style": ["error", "in" | "of"]
}
  • "in" (default) ... requires using in.
  • "of" ... requires using of.

# "of"

<template> <!-- ✓ GOOD --> <div v-for="x of xs" /> <!-- ✗ BAD --> <div v-for="x in xs" /> </template>
Now loading...

# 📚 Further Reading

# 🔍 Implementation