router-view的使用方法是什么

小億
181
2024-02-21 11:11:23

router-view是Vue Router提供的一個(gè)組件，用來顯示匹配當(dāng)前路由的組件內(nèi)容。在使用router-view時(shí)，需要在Vue組件中的模板中添加標(biāo)簽，這樣就可以讓Vue Router根據(jù)當(dāng)前路由的路徑來動(dòng)態(tài)渲染匹配的組件內(nèi)容。

下面是一個(gè)簡(jiǎn)單的示例：

<template>
  <div>
    <router-view></router-view>
  </div>
</template>

在上面的示例中，會(huì)根據(jù)當(dāng)前路由的路徑動(dòng)態(tài)渲染對(duì)應(yīng)的組件內(nèi)容。例如，如果當(dāng)前路由是"/home"，那么會(huì)渲染對(duì)應(yīng)的Home組件。

0 踩