Vue。js在mounted中运行代码,然后再次运行代码以实现重启功能

mounted 无论你想去哪里。

new Vue({
  methods:{
    init(){
      //call API
      //Setup game
    }
  },
  mounted(){
    this.init()
  }
})

然后可能在模板中有一个按钮重新开始。

<button v-if="playerWon" @click="init">Play Again</button>

playerWon init .

onMounted 钩子以调用稍后可以调用的函数:

import {ref, onMounted, watch} from 'vue'

export default {
  setup() {
    const win=ref(false)

    watch(win,(newVal) => {
      if(newVal) {
        init()
      }
    })

    onMounted(()=>{
      init()
    })

    function init(){
      //init
    }
  }
}

你也可以移动 mounted 并使其成为顶级范围内的函数。这也是一个有用的技巧 server side rendering in Vue

function init() {
  // Use `this` normally
}

new Vue({
  methods:{
    init
  },
  mounted(){
    init.call(this)
  }
})