Two methods of importing vue into js (example details)

Then，In component methods，You can call it directly JavaScript Functions defined in the file：
export default {
  methods: {
    yourMethod() {
      yourFunction1();
      yourFunction2();
      yourFunction3();
    }
  }
}

exist Vue Component JavaScript In the file，use import Statement introduction JavaScript In the file的函数：
import { yourFunction1, yourFunction2, yourFunction3 } from './';
Then，existComponent方法中，You can call the imported function directly：
export default {
  methods: {
    yourMethod() {
      yourFunction1();
      yourFunction2();
      yourFunction3();
    }
  }
}

// 
export function function1() {
  // Logic of function 1}
export function function2() {
  // Logic of function 2}
export function function3() {
  // Logic of function 3}

// 
import * as functions from './';
export default {
  methods: {
    yourMethod() {
      functions.function1();
      functions.function2();
      functions.function3();
    }
  }
}

// 
function function1() {
  // Logic of function 1}
function function2() {
  // Logic of function 2}
function function3() {
  // Logic of function 3}
export default {
  function1,
  function2,
  function3
}

import XXX from './';
export default {
  methods: {
    yourMethod() {
      XXX.function1();
      XXX.function2();
      XXX.function3();
    }
  }
}