ルートにアクセスしたときにjQueryコードを実行する方法は？

Question

私はそうのような、VueのルートがjQueryのを使用してクリックされた後で描画されますオフキャンバスメニューを持っている：

$('.order-drawer').show(); 
$('body').toggleClass('order-drawer-open'); 

私のルートは非常に簡単で、次のように表示されます。

<router-link to="/order" exact class="order-drawer-toggler"> 
    <a>Order Now</a> 
</router-link> 

<router-view></router-view> 

さて、http://test.dev/test/#/orderをブラウザで見ると、jQueryの呼び出しが実行されていることを確認するにはどうしたらいいですか？ルートビューの関数を呼び出すにはどうしたらいいですか？

編集：次のように マイルート・ファイルが見えます：

import VueRouter from 'vue-router'; 

let routes = [ 
    { 
     path: '/order', 
     component: require('./views/Order.vue') 
    } 
]; 

export default new VueRouter({ 
    routes 
}); 

Answer 1

あなたのルーティングがあなたの部品を駆動し、そのコンポーネントには、jQueryの行動を駆動できるようにする必要があります。

import VueRouter from 'vue-router'; 

let routes = [ 
    { 
     path: '/order', 
     component: require('./views/Order.vue') 
    } 
]; 

export default new VueRouter({ 
    routes 
}); 

Order.vue

​​

コンポーネントが作成され、装着された場合、それが引出しを示すであろう。何もする必要はありません。 vue-routerがルートにルートすると、コンポーネントが作成されてマウントされ、jQuery関数が呼び出されます。