Question

将console.log（）放入App.vue组件的created（）和Mounted（）方法中，在每次刷新页面时都会创建和安装该App两次。我一直在发疯，试图找到原因，我将我的App剥离了下来，而且还在发生

这是我的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配置两次指向同一文件

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

1 个答案: