vue2 怎么延迟执行main.js中的vue.use()

Question

vue2 怎么延迟执行main.js中的vue.use()

main.js

Vue.use(VueAnalytics, {
  id: axios.get('/m/ga').then(response => {
    return response.data.data.id
  })
})

这个是google analytics用来记录用户行为的，但是这个接口需要token，而获取token的方式是在登录页点击登录后接口才返回，怎么在接口返回token之后再回到main.js执行这个Vue.use()

login.vue

login() {
      let url = "";
      let data = {};
      url = "login/authenticate/";
      data.username = this.userEmail;
      data.password = this.password;
      axios
        .post(url, data)
        .then((response) => {
            localStorage.token = response.data.token;

用vuex可以做吗？具体关键代码可以参考一下吗

Answer 1

方法很多

// main.js
Vue.prototype.$demoFunc = () => {
  const demo = localStorage.getItem('demo')
  console.log('demo: ', demo)
}

// demo.vue
created () {
    this.login()
  },
  methods: {
    login () {
      setTimeout(() => {
        localStorage.setItem('demo', 123)
        this.$demoFunc()
      }, 1000)
    }
  }