2017-08-18 10 views
1

私はVueJsプロジェクトで作業しており、ルータレコードを構成しています。私は、同じ名前の異なるコンポーネントを持つことができることに気づいた。どのようにそれらをインポートしてルートレコードに使用しますか?ルータの設定時に、その名前を一意にするにはどうすればよいですか?Vueルータで同じ名前のコンポーネントをインポートするには

import Vue from 'vue' 
import Router from 'vue-router' 
import AllUsers from '../components/Sales/AllUsers' 
import AllUsers from '../components/Finance/AllUsers' 
... 
export default new Router({ 
routes: [ 
{ 
    path: '/', name: 'home', component: Home 
}, 
{ 
    path: '/sales/users', name: 'sales-users', component: AllUsers 
}, 
{ 
    path: '/finance/users', name: 'finance-users', component: AllUsers 
} 

(私も部品SalesUsersFinanceUsersを呼ぶ可能性があるので)しかし、あなたは、コンポーネントが実際には同じ名前を持つことになりますがございます同意するだろう、私はここに仮想的な例を使用していました。ルートレコードごとにコンポーネントを指定する必要がある場合、どのように処理すればよいですか?

PS:VueJSの新機能です。改善とベストプラクティスに関するアドバイスは大歓迎です。あなたの輸出以来

答えて

2

は、インポート時に任意の名前を選択することができますdefault次のとおりです。

import Vue from 'vue' 
import Router from 'vue-router' 
import AllSalesUsers from '../components/Sales/AllUsers' 
import AllFinanceUsers from '../components/Finance/AllUsers' 
// ... 

export default new Router({ 
    routes: [ 
    { 
     path: '/', name: 'home', component: Home 
    }, 
    { 
     path: '/sales/users', name: 'sales-users', component: AllSalesUsers 
    }, 
    { 
     path: '/finance/users', name: 'finance-users', component: AllFinanceUsers 
    } 
    ] 
}) 
+0

クール!魅力のように働いています! – gthuo

関連する問題