Vuejs在路由後加載js文件

Question

我正在使用vuejs路由器構建單頁應用程序。 路由器工作正常，但我想在路由到組件後加載特定的腳本。

水木清華這樣的：

const Mine = { 
    template: ' <div>Another</div>', 
    load_script: <script src="/static/script.js"></script> 
} 

我怎樣才能做到這一點？

現在我有當前塊的html：

<div id="routing"> 
    <router-view></router-view> 
</div> 

這是JS：

const Mine = {template: ' <div>Another</div>'} 

const routes = [ 
    { path: '/mine', component: Mine }, 
] 

const router = new VueRouter({ 
    routes, 
}) 

const app = new Vue({ 
    router 
}).$mount('#routing') 

Answer 1

您可以加載腳本的HTML模板本身，因爲它是做加載任何文件從HTML，您可以有以下在您的模板：

const Mine = { 
    template: '<div> \ 
        <script src="/static/script.js"></script> \ 
        <div>Another</div> \ 
       </div>',  
}