Vuejsはルーティング後にjsファイルをロードします

Question

私はvuejsルータを備えた単一ページアプリケーションを構築しています。 ルータは正常に動作しますが、コンポーネントへのルーティング後に特定のスクリプトをロードしたいとします。

SMTHのような：

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>',  
}