vue/no-extra-parens

Disallow unnecessary parentheses in <template>

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

This rule is the same rule as core no-extra-parens (opens new window) rule but it applies to the expressions in <template>.

📖 Rule Details

This rule restricts the use of parentheses to only where they are necessary.
This rule extends the core no-extra-parens (opens new window) rule and applies it to the <template>. This rule also checks some Vue.js syntax.

<template> <!-- ✓ GOOD --> <div :class="foo + bar" /> {{ foo + bar }} {{ foo + bar | filter }} <!-- ✗ BAD --> <div :class="(foo + bar)" /> {{ (foo + bar) }} {{ (foo + bar) | filter }} </template>

Now loading...

📚 Further Reading

• no-extra-parens (opens new window)

🚀 Version

This rule was introduced in eslint-plugin-vue v7.0.0

🔍 Implementation

• Rule source (opens new window)
• Test source (opens new window)

^{Taken with ❤️ from ESLint core (opens new window)}