加载页面后，从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（）函数

我是VUE JS的新手，我的VueJS应用程序结构是这样的

Answer 1

[好，如果您使用Vue-router，则每次切换到其他路线时，旧路线（及其组成部分）都会被销毁（除非您使用<keep-alive>标签）。这意味着如果您有2条路线并来回切换，则每点击一条新路线，就会调用created()方法。

为了演示，我做了一个codesandbox。在沙盒中，有2个组件：Hello.vue和Goodbye.vue。他们两个都有console.log。如果您在路线之间切换，则会看到每次切换时，该消息都会记录到控制台。意味着创建的方法被调用。