自定义class类的简单使用

晚上闲着无事, 然后看了阮老师的es6 的类用法,包括继承。 然后, 想着在vue中怎么使用class 。

1. 定义一个 classmodel.js 文件。 里面包含如下代码:

2.接着, 在vue 页面使用。 

先导入  import * as point from '@/api/classmodel'  

接着: 

point.Point.hello();
point.PointA.hello1();
 
因为我定义的是静态方法, 所以不需要 new  就可以直接使用里面的静态方法。 
 
 
比如: 我在 Point 类中加入如下方法
setParam() {
  return '123';
}
 
当你要使用的时候, 就必须  const p =new point.Point();
p.setParam();
 
 
 
3.总结。  如果做过后端的话, 其实使用很容易理解。 上述例子包含几个知识点。 继承、静态函数、构造器。
 
 
 

 

转载于:https://www.cnblogs.com/mylinx/p/10788110.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值