在vueJS中导入javascript类

Question

我想在may Vue应用程序中使用javascript类.

我的班级看起来像:

class className { 
   constructor() { 
       ... 
   }  

   function1() { 
       ... 
   }  

   static funtion2() {
        ... 
   } 
}

我尝试在我的应用程序中导入此类,如:

• 从'./fileName.js'导入className;
• var {className} = require('./ fileName.js')

在我想调用class(className.function2())的函数时,我收到的所有情况都是:函数未定义.

Answer 1

您需要导出类才能导入/需要它

//1. For import syntax
export default class className {...}

//2. For require syntax
class className {}
module.exports.className = className
//or
module.exports = {
    className: className
}

Answer 2

使用import/export，你会使用

export class className {}

和

import {className} from '<file>';