在页面中使用组件时，安装方法被调用了两次

Question

我在页面中使用的一个组件中有一个模式代码，一切正常，但是如果我刷新页面比调用两次的挂接钩子破坏了我的代码。我只希望它调用一次。

import axios from '~/plugins/axios';

export default {
  data() {
    return {}
    };
  },
  components: {
    LoginSignupModal
  },
  mounted() {
    console.log('mounted called......');
  },

<template>
    <div>
      <p>
        <LoginSignupModal :isModalOpen='isModalOpen' v-on:onModalClose="onModalClose($event)"></LoginSignupModal>
      </p>
    </div>
</template>

Answer 1

尝试使用process.server

 mounted() {
    if(!process.server){
       console.log('mounted called......');
    }
  },