Vue $nextTick

<template>
  <div>
    <span ref="msg">{{ msg }}</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: 'hello nextTick'
    }
  },
  methods: {
    changeMsg() {
      this.msg = 'hello world'
      console.log(this.$refs.msg.innerHTML, '同步获取')
      this.$nextTick(() => {
        console.log(this.$refs.msg.innerHTML, '异步获取')
      })
    }
  },
  mounted() {
    this.changeMsg()
  }
}
</script>