reference-vue.md

<template>
  <div ref="result">
    {{ result }}
  </div>
</template>

<script>

export default {
  props: ['foo'],
  data: function () {
    return {
      factor: 2
    }
  },
  computed: {
    result: function () {
      return calculateValue()
    }
  },
  methods: {
    calculateValue () {
      const { foo, factor } = this
      return foo * factor
    }
  },
  mounted () {
    this.$refs.result.style.color = 'blue'
  }
}
</script>

<style lang="scss" scoped>
  
</style>