Currently, I am utilizing Vue.js 2.0 and facing an issue with referencing an external JavaScript file in my project. The index.html file contains the following script:
<script type='text/javascript' src='https://d1bxh8uas1mnw7.cloudfront.net/assets/embed.js'></script>
Additionally, within the index.html, there is a
<div id="app"></div>
Upon loading my Home.vue page using the router, it injects another page named tabs.vue. Even though referencing the external JavaScript file from the tab.vue page works fine, I encounter an issue when inserting a page as a component in the tab.vue page that lacks awareness of the external JavaScript file.
import tabComponent from '@/components/tab.vue'
In further detail, importing newProfile from '../components/profile.vue' raises the question on how to reference the External JavaScript file another layer deep. Initially, my assumption was that placing the script tag within the index.html head section globally defines it. What could possibly be missing here? Thank you for your assistance!