すべてのルーティングまたは404 Not foundルーティングをキャプチャ

通常のパラメータは、/で区切られたURLセグメントの文字にのみ一致します.任意のパスを一致させるには、ワイルドカード(*)を使用します.

{
  //        
  path: '*'
}
{
  //      `/user-`        
  path: '/user-*'
}

ワイルドカードルーティングを使用する場合は、ルーティングの順序が正しいことを確認してください.つまり、ワイルドカードを含むルーティングは最後に置くべきです.ルーティング{ path: '*' }は、通常、クライアント404エラーに使用される.
これにより、存在しないパス(ページ)にアクセスすると、404ページにジャンプするのに自動的に役立ちます.これはプロジェクトでよく使われています.

//router/index.js
export default new VueRouter({
    routes:[
        {
            path: "/", 
            name: "main",
            component:Main
        },
        {
            path: "/Foo",
            props:()=>{
                return {
                    username : "LiMing",
                    userage : 26
                }
            },
            name: "foo",
            component: Foo
        },
        {
            path: "/Bar/:id/:title",
            props: true,
            name: "bar",
            component: Bar
        },
        {
            path: "/Art",
            name: "art",
            component: Art
        },
        {
            path: "*",
            name: "notFound",//404  ，    ，            ，     
            component:NotFound
        },
    ]
});