Vue.js watch element by ref

vue-watch.vue

<script>
import Foo from 'bar';

export default {
  name: 'Slider',
  mounted() {
    this.$watch(
      () => {
        return this.$refs.baz.currentValue;
      },
      (val) => {
        console.log(val);
      }
    );
  },
  render() {
    return (
      <div>
        <Foo ref="baz" />
      </div>
    );
  },
};
</script>