vue router有什么组件

Vue Router是Vue.js官方的路由管理器，用于构建单页应用程序。它允许开发者使用组件来配置应用程序的路由，实现页面的切换和导航。

Vue Router提供了以下几种组件：

1. <router-link>：路由链接组件，用于在应用程序中生成导航链接。它会自动渲染为<a>标签或其他合适的标签，点击链接时就会切换页面。

2. <router-view>：路由视图组件，用于显示当前路径对应的组件。它是一个占位符，根据当前路由的路径来决定渲染哪个组件。

3. <router-link-active>：路由链接激活样式组件，用于设置链接被激活时的样式。可以在<router-link>组件中使用该组件，根据路由路径匹配来添加对应的样式。

4. <router-link-exact-active>：精确匹配的路由链接激活样式组件，用于设置链接被精确匹配时的样式。与<router-link-active>类似，但只有在路由路径与链接完全匹配时才会被激活。

此外，Vue Router还提供了一些高级功能的组件和API，如导航守卫的组件<router-view>、动态路由的组件<router-link>和编程式导航的API等。

总结来说，Vue Router在应用程序中使用一些特定的组件来管理路由，包括路由链接、路由视图和路由触发激活的样式组件等。通过这些组件，可以轻松地实现页面之间的导航和切换。

Vue Router是Vue.js官方的路由管理器，用于实现单页应用（SPA）中的页面导航。它提供了一些组件，用于创建不同的路由页面和链接。

1. <router-view>组件：<router-view>是Vue Router的核心组件，用于渲染匹配到的路由组件。它可以放置在父组件中的任何位置，并根据路由的路径动态地渲染相应的组件。

2. <router-link>组件：<router-link>用于创建导航链接，用于切换页面之间的路由。它会自动添加激活状态，当对应的路由匹配时，会自动为链接添加一个指定的CSS类名。可以通过属性配置链接的路径和参数等。

3. <router-link>属性 to：<router-link>的to属性用于指定导航链接的目标路由。可以是一个字符串路径，也可以是一个包含路径、查询参数和哈希值的对象。

4. <router-link>属性 tag：<router-link>的tag属性指定链接所渲染的标签，默认情况下是使用<a>标签。可以通过该属性指定其他标签，如<button>等。

5. <router-link>属性 active-class和exact-active-class：<router-link>的active-class和exact-active-class属性用于配置链接的激活状态的CSS类名。active-class用于当链接对应的路由是活动（即路径匹配）时，添加一个指定的类名；而exact-active-class用于当链接对应的路由是精确匹配时，添加一个指定的类名。

总结起来，Vue Router提供了<router-view>和<router-link>这两个核心组件来进行页面路由的管理和导航。<router-view>用于渲染路由页面组件，<router-link>用于创建导航链接。通过属性和配置可以定制链接的路径、目标路由、渲染标签和激活状态的样式。

Vue Router 是 Vue.js 官方的路由管理器，它允许我们构建单页应用 (SPA) 的路由功能。在 Vue Router 中，我们可以使用组件来进行路由的配置。下面是 Vue Router 中常用的几种组件。

1. 根组件 (Root Component):
   根组件是 Vue Router 中的最顶层组件，它承担着管理整个页面的职责。它通常包含一个 <router-view> 标签，用于渲染匹配到的子组件。在根组件中，我们可以定义应用的布局、导航栏等全局的内容。

2. 路由组件 (Route Component):
   路由组件是指在路由配置中定义的组件。在路由配置中，我们可以通过 routes 数组来定义多个路由，每个路由包含一个路径和对应的组件。当访问某个路径时，Vue Router 会根据路径去匹配相应的组件，并将其渲染到 <router-view> 组件中。

3. 嵌套组件 (Nested Component):
   嵌套组件指的是在路由组件中嵌套其他组件。在 Vue Router 中，我们可以通过子路由的方式来实现嵌套组件。子路由是指在父路由的组件中继续配置子级的路由。这样就可以实现对于不同层级的组件进行嵌套和渲染。

4. 动态路由组件 (Dynamic Route Component):
   动态路由组件是指使用动态路径参数来匹配路由的组件。动态路径参数使用冒号来表示，在路由的路径中使用冒号后面加上参数名。这样，当访问带有参数的路径时，Vue Router 会将参数传递给对应的组件，在组件中可以通过 $route.params 来获取参数的值。

5. 导航组件 (Navigation Component):
   导航组件是指在页面中用于导航的组件，例如导航栏、侧边栏等。在导航组件中，我们可以使用 <router-link> 组件来生成链接，当点击链接时，Vue Router 会根据配置的路由路径进行跳转。

除了上述几种组件，Vue Router 还提供了其他一些组件用于实现路由的导航、路由切换等功能，例如 <router-link>、<router-view>、<router-link-active> 等。

总之，Vue Router 使用组件来实现路由的功能。根组件用于管理整个页面，路由组件用于匹配和渲染对应的路由，嵌套组件用于实现组件的嵌套和层级关系，动态路由组件用于匹配带有参数的路由，导航组件用于生成导航链接。通过合理使用这些组件，我们可以构建出功能完善的单页应用。