That's a rather tough question and highly depends on how YOU want to handle your scripts structure.
The "modern" way (at least for me) is to merge each and every script into one minified script of yours so that you only need to load one single script instead of many different (reducing the http requests). If you go with this approach you would not seperate the scripts at all.
However, if you want to "inject" components I'd go like this
Frankobingen started a new conversation Vue - How To Correctly Add New Global Data Elements & Access Them From Directives And Components
I'm having big troubles on working with vue. I'm really new to vue - and I'm currently using it for my spark application i'm building.
I added a custom property to the global spark object like this
Spark::scriptVariables(), [ 'custom' => [ 'passwords' => [[ 'name' => 'test', 'description' => 'asd']], 'selectedPassword' => null ] ] )); ?>``` I have a passowrd-list component which I use like this ```<passwords-list :list="custom.passwords"></passwords-list>``` I added :custom="spark.custom" as property to the home component (as seen in vue devtools it is working) Using a form and a directive I now change the custom.passwords data, however the list is not updating.