Preview:
<script>

export default {

  data() {

    return {

      count: 1

    }

  },

​

  // `mounted` is a lifecycle hook which we will explain later

  mounted() {

    // `this` refers to the component instance.

    console.log(this.count) // => 1

​

    // data can be mutated as well

    this.count = 2

  }

}

</script>

​

<template>

  Count is: {{ count }}

</template>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter