Inporting arbitrary Javascript functions into a Vue.js component

Question

I'm building a project in Vue.js, but it has a quite a lot of Javascript processing (it's all local, so I don't need to have anything server side), and I was wondering if there is a way to import a file that is basically just some processing (mathematical, structure processing, etc.) functions in Javascript - no template, etc. - into a Vue component? It's all working fine using methods in the component, but getting a bit large and "monolithic".

You can user spread operators within methods block, or mixins. — sarkiroka
– sarkiroka, Commented May 10, 2020 at 18:06

Daniel Rodríguez Meza · Accepted Answer · 2020-05-10 17:59:48Z

3

You can keep working with several files and then just to the following.

import AlgebraicFunctions from 'algebraic-file';
import GeometricFunctions from 'geometric-file';

Using the spread operator:

methods: { 
 ...AlgebraicFunctions,
 ...GeometricFunctions
}

answered May 10, 2020 at 17:59

Daniel Rodríguez Meza

1,2771 gold badge9 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Hogsmill Over a year ago

Do you have a simple working example of this - I can't seem to get it to work. TIA...

Collectives™ on Stack Overflow

Inporting arbitrary Javascript functions into a Vue.js component

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related