vue模板中如何使用es6 class

Question

1 vue.js中如何使用 es6 class 对象

这里面是一个测试我写的vue模板，

这里我创建了一个es6的类对象，

要想在vue模板中实现类方式的写法 ，在vue中能否实现呢？

Answer 1

// 新建对象--test.js
class Point {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }
  toString() {
    return '输入项:(' + this.x + ', ' + this.y + ')';
  }
  doStuff() {
    console.log('stuff');
  }
}
 
export default Point

//在vue文件中调用

  import Point from './test.js'
  created() {
      let test = new Point(1, 2)
      let str = test.toString()
      test.doStuff() //stuff
      console.log(test);// Point {x: 1, y: 2}
      console.log(str); // 输入项:(1, 2)
    },

补充：

    data() {
      return {
        test: new Point(1, 2),
        }
      }
    created() {
         console.log(this.test);;// Point {x: 1, y: 2}
         this.doSome()
      }, 
    methods: {
      doSome() {
       this.test.doStuff()//stuff
      },
     }