頁面加載后從 VueJS 中的“方法”調用“創建”函數

Question

我是VUE JS 的新手我的 VueJS 應用程序結構是這樣的

<template>
  <div>
    //HTML CODE
  </div>
</template>

<script>
export default {
  data() {
    return {

  },
  methods: {
   functionABC(){
   // CAN I CALL created() in this function ?
   }
  },
  created() {
    //SOME FUNCTIONS
  }
};
</script>

<style scoped>

</style>

我知道我可以在 created() 中創建第一頁加載時發生的所有操作的函數，然后在每次需要時調用該函數，這也將達到目的，但我實際上想知道調用 created() 的正確方法) 功能，即使在頁面加載后

Answer 1

我認為你不能。 如果有辦法做到這一點，我認為不建議這樣做。 您應該執行一個函數並從 created 或從另一個函數調用它以不重復代碼

Answer 2

好吧，如果您使用Vue-router ，每次切換到不同的路由時，舊路由（及其組件）都會被銷毀（除非您使用<keep-alive>標簽）。 這意味着，如果您有 2 條路由並來回切換，則created()方法會在每個新路由命中時調用。

為了演示，我制作了一個codeandbox 。 在沙箱中有 2 個組件： Hello.vue和Goodbye.vue 。 在他們兩個中都有一個console.log 。 如果您在路由之間切換，您會看到每次切換時，消息都會記錄到控制台。 這意味着創建的方法 get 被調用。