vue重復賦值一個變量，界面渲染幾次?

<template>
  <div id="app" ref="app">
    <div @click="clisk">點我改變</div>
<!--    通過這個樣式函數打印可以看見渲染幾次-->
    <div :class="setFn()">{{ name }}</div>
    <div :class="setFn2()">{{ obj.name }}</div>
  </div>
</template>

<script>
  export default {
      data () {
        return {
          name: '',
          obj: {name: ''}
        }
      },
    // 界面會渲染一次！
    // created () {
    //   this.name = '1'
    //   this.name = '2'
    // },
    // 這樣的方式，界面渲染了2次，
    mounted () {
      this.name = '1'
      this.name = '2'
      this.obj.name = '3'
      this.obj.name = '4'
    },
    methods: {
        // 這樣的方式 界面渲染了一次
        clisk () {
          this.name = '張三'
          this.name = '李三'
          this.obj.name = '3'
          this.obj.name = '4'
        },
        setFn () {
          console.log(1)
        },
      setFn2 () {
        console.log(2)
      }
      },
// 頁面更新后只渲染一次

updated () {
    console.log(123)
}

  }
</script>

https://cn.vuejs.org/v2/guide/reactivity.html#異步更新隊列