Vueプロジェクトでルーティングページを作成する方法を詳しく解説-Vue.js-php.cn

Vueプロジェクトでルーティングページを作成する方法を詳しく解説

藏色散人

リリース： 2022-08-10 17:31:05

転載

1993 人が閲覧しました

この記事では、Vue プロジェクトで新しいルーティングページを作成する方法を紹介します。困っている友人の役に立てば幸いです。

具体的な手順は次のとおりです。

新しいテストページを作成し、Test.vue という名前を付ける必要があります。

##1: 新しい Test.vue を作成します。

コンポーネントの下

<template>
    <div>我是测试界面</div>
</template>
 
<script>
</script>
 
<style>
</style>

ログイン後にコピー

<template>
    <div>我是测试界面</div>
</template>
 
<script>
</script>
 
<style>
</style>

ログイン後にコピー

2: App.vue {name:'/components/Test',navItem:'Test Interface'},

## を開きます。

#3: ルートを開き、コンポーネントindex.js

import Test from &#39;@/components/Test&#39;

{
      path: &#39;/components/Test&#39;,
      name: &#39;Test&#39;,
      component: Test
    }

ログイン後にコピー

# をインポートします。

以上がVueプロジェクトでルーティングページを作成する方法を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます