How to create a Javascript class that can be instatiated like a C# class/object and consumed in Vue component

Question

I want to create a Javascript class that I can instantiate from a Vue component and call functions on it like in C#.

public class MyClass()
{
        public MyClass(string someParameter){
        ....initialization code using "someParameter"
       }

        public String SomeProperty {get; set;}

        public void MyClassMethod(){
        ....my code goes here
        }    
}

In Vue, I'd import JavaScript "functions" using the "Import" keyword but here I'd like to import the entire object and call the functions on it. I'm thinking that an IFFE might be the way but not sure. My question is 1) is it possible and 2) if so, how should I structure it AND how would I call/or instantiate the object from Vue code?

This might be what you're after: https://stackoverflow.com/questions/52708719/how-to-reuse-es6-class-in-vue-js — Daniel_Knights, Jul 28 '20 at 19:14

score 0 · Answer 1 · edited Jul 15 '22 at 01:20

0

If you are using Vue.js, I think the better way will be to stick with vue component based structure and use mixins.

(https://v2.vuejs.org/v2/guide/mixins.html)

edited Jul 15 '22 at 01:20

tony19

125,647
18
229
307

answered Jul 29 '20 at 03:22

Sarmad

315
1
4
15

That's a good option but not sure it's the best one for my scenario. It appears too tightly coupled with the Vue component. Basically I'd just like to import and instantiate a js object w parameters and call function methods on it at various intervals. I'd like to keep the design as loose and as possible as the component may need to be used in other applications. – GrassFed Jul 31 '20 at 00:47

How to create a Javascript class that can be instatiated like a C# class/object and consumed in Vue component

1 Answers1