vue.js - 我的整个 Vue 应用程序在页面重新加载时创建了两次，为什么会发生这种情况？

Question

将console.log()放入我的App.vue组件的created()和mounted()方法中，应用程序在每次页面刷新时创建和安装两次。 我一直在努力寻找这个问题的原因，我已经把我的应用程序彻底剥离了，但它仍然在发生

这是我的 App.vue:

<template>
  <div id="app">
  </div>
</template>

<script>
    export default {
      name: 'app',
      mounted() {
        console.log('mounted');
      },
      created() {
        console.log('created');
      }
    }
</script>

这是我的 main.js:

import Vue from 'vue'
import Vuex from 'vuex'
import VueRouter from 'vue-router'
import Vuetify from 'vuetify'
import { store } from './store'
import router from './router'
import App from './App.vue'
import 'vuetify/dist/vuetify.min.css'
import axios from 'axios'

Vue.use(Vuetify)
Vue.use(Vuex)
Vue.use(VueRouter)
Vue.config.productionTip = false

axios.defaults.baseURL = process.env.API_URL;

new Vue({
  el: '#app',
  render: h => h(App)
});

发现问题:我的 webpack 配置两次指向同一个文件

Answer 1

我的 webpack 配置两次指向同一个文件