'How do I insert ThreeJS objects into Vue components? I am currently using Vue 3

How should I start using ThreeJS objects in Vue components? I was wondering whether someone could help me write a minimal working example of using the ArrowHelper object in a vue component that could be called in an App. My general idea is creating a vector field graph, but right now I am just trying to get a single arrow in a Three scene.

In particular, I was wondering how I should actually 'place' an arrow within a Three scene and have it placed on the App.vue. I'm not sure whether I put the object within the part of the component or the part.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source