vue项目中的类使用方式
作者：左直拳
这篇文章主要介绍了vue项目中的类使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue项目中的类
如题所示，vue项目中想提供类，该怎么写？
js其实并没有类，它只能用function来模拟类。如果用原生的js，要写一个类，可以这样写：
//类
function Hi(){
let hi = "hello world!";
this.say = function(){
console.log(hi);
}
}
//使用类
let hi = new Hi();
hi.say();//hello world!
那在vue中怎么写呢？
原生js的写法，我已经十分习惯了，用得很溜。
但vue里面的写法，有点古怪：
1）定义
/src/utils/index.js
export class Hi {
#hi;//#代表私有,不写就是公有，问你怕未
constructor() {
this.#hi = "hello world!";
}
say = () => {
return this.#hi;
};
}
2）调用
//类定义位于文件 /src/utils/index.js import * as tools from "@/utils"; const hi = new tools.Hi(); hi.say();
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。