时间戳

首页 > 解决方案 > 我的整个 Vue 应用程序在页面重新加载时创建了两次，为什么会这样？

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

问题描述

将 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 配置两次指向同一个文件

标签： vue.jsvuejs2

解决方案

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

推荐阅读