useVueValidVMemo (JavaScript)

Summary

Rule available since: v2.6.4
Diagnostic Category: lint/nursery/useVueValidVMemo
This rule doesn’t have a fix.
The default severity of this rule is error.
This rule belongs to the following domains:
- vue
Sources:
- Same as vue/valid-v-memo

How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "nursery": {
5
        "useVueValidVMemo": "error"
6
      }
7
    }
8
  }
9
}

Description

Enforce valid v-memo Vue directives.

v-memo takes an array of values. Vue skips updating the element and its children until one of those values changes.

This rule reports a v-memo value that can never be an array, such as an object, a string, a number, or a function. When the value is a condition, like a ? b : c, each possible result is checked.

Examples

Invalid

1
<template>
2
    <div v-memo="{ x }"></div>
3
</template>

1
<template>
2
    <div v-memo="selected ? [item.id] : item.id + 1"></div>
3
</template>

Valid

1
<template>
2
    <div v-memo="[valueA, valueB]"></div>
3
    <div v-memo="dependencies"></div>
4
</template>