将数据从 .vue 传递到 .js 文件

Question

我正在使用这个VueJS starter template，我需要在身份验证后直接将其他数据存储到用户帐户。

helper.js

import UsersDB from '@/firebase/users-db'

/**
 * Create new user from firebase auth user infos
 */
export const createNewUserFromFirebaseAuthUser = async firebaseAuthUser => {
  const providerData = firebaseAuthUser.providerData[0]
  const { displayName, photoURL, email } = providerData
  const userDb = new UsersDB()
  const user = {
    displayName,
    photoURL,
    email
  }

  return userDb.create(user, firebaseAuthUser.uid)
}

我的目标是使用仅在用户首次登录后可用的社交登录数据填充名为 socialLogin 的第四个字段。

  const user = {
    displayName,
    photoURL,
    email,
    socialLogin
  }

Login.vue

 methods: {
...mapMutations('authentication', ['setUser']),
async login() {
  this.loginError = null
  const provider = new firebase.auth.GoogleAuthProvider()
  this.setUser(undefined)
  try {
    isDekstop()
      ? await firebase.auth().signInWithPopup(provider)
      : await firebase.auth().signInWithRedirect(provider)
  } catch (err) {
    this.loginError = err
    this.setUser(null)
  }
}

如何将数据从 Login.vue 视图传递到 helper.js？

Answer 1

好吧，您正在导出一个函数，因此您需要导入它并在.vue 文件中进行调用。

import { createNewUserFromFirebaseAuthUser  } from 'path/to/helper.js'

// ...

async login() {
   // ...
   createNewUserFromFirebaseAuthUser(...);
   // ...
}