vuejs computed

Literate Lentil answered on January 12, 2023 Popularity 10/10 Helpfulness 4/10

answer vuejs computed

vuejs computed

Comment

vuejs computed

export default {
  computed: {
    // a computed getter
    publishedBooksMessage() {
      // `this` points to the component instance
      return this.author.books.length > 0 ? 'Yes' : 'No'
    }
  },
  data() {
    return {
      author: {
        name: 'John Doe',
        books: [
          'Vue 2 - Advanced Guide',
          'Vue 3 - Basic Guide',
          'Vue 4 - The Mystery'
        ]
      }
    }
  }
}
template
<p>Has published books:</p>
<span>{{ publishedBooksMessage }}</span>

https://vuejs.org/guide/essentials/computed.html#basic-example

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link