vue调用app.vue里面的方法

在Vue中，我们可以通过子组件来调用App.vue里的方法。首先，在App.vue组件中定义一个方法：

methods: {
  greet() {
    alert('Hello Vue!');
  }
}

接下来，在子组件中通过$parent指向父组件App.vue，并调用greet()方法：

this.$parent.greet();

另外，如果希望在子组件中调用App.vue里的方法，可以通过Vuex来实现。具体的做法是，在Vuex的store中定义一个actions，然后在App.vue的方法中dispatch该actions，最后在子组件中mapActions引入该actions：

// 在Vuex中定义actions
const actions = {
  greet({ commit }) {
    alert('Hello Vue!');
  }
}

// 在App.vue中dispatch actions
methods: {
  callGreet() {
    this.$store.dispatch('greet');
  }
}

// 在子组件中引入actions
import { mapActions } from 'vuex'

export default {
  methods: {
    ...mapActions(['greet'])
  },
  mounted() {
    this.greet();
  }
}

总之，无论是通过$parent还是通过Vuex，都可以很方便地在子组件中调用App.vue里的方法。