Skip to content

Latest commit

 

History

History
129 lines (107 loc) · 1.89 KB

no-unused-properties.md

File metadata and controls

129 lines (107 loc) · 1.89 KB
Raw
pageClass sidebarDepth title description
rule-details
0
vue/no-unused-properties
disallow unused properties, data and computed properties

vue/no-unused-properties

disallow unused properties, data and computed properties

📖 Rule Details

This rule disallows any unused properties, data and computed properties.

/* ✓ GOOD */

<template>
  <div>{{ count }}</div>
</template>

<script>
  export default {
    props: ['count']
  }
</script>
/* ✗ BAD (`count` property not used) */

<template>
  <div>{{ cnt }}</div>
</template>

<script>
  export default {
    props: ['count']
  }
</script>
/* ✓ GOOD */

<script>
  export default {
    data() {
      return {
        count: null
      }
    },
    created() {
      this.count = 2
    }
  }
</script>
/* ✓ BAD (`count` data not used) */

<script>
  export default {
    data() {
      return {
        count: null
      }
    },
    created() {
      this.cnt = 2
    }
  }
</script>
/* ✓ GOOD */

<template>
  <p>{{ reversedMessage }}</p>
</template>

<script>
  export default {
    data() {
      return {
        message: 'Hello'
      }
    },
    computed: {
      reversedMessage() {
        return this.message.split('').reverse().join('')
      }
    }
  }
</script>
/* ✓ BAD (`reversedMessage` computed property not used) */

<template>
  <p>{{ message }}</p>
</template>

<script>
  export default {
    data() {
      return {
        message: 'Hello'
      }
    },
    computed: {
      reversedMessage() {
        return this.message.split('').reverse().join('')
      }
    }
  }
</script>

🔧 Options

None.

🔍 Implementation