父组件中存在router-view标签，怎么在子标签的router-link中，发生点击之后，父组件中的router-view发生变化

你可以在子组件的`<router-link>`标签中添加`to`属性来指定跳转的路由路径，然后在父组件中的`<router-view>`标签中使用`router-view`指令，这样就可以实现点击子组件中的导航链接，导航到对应的路由组件页面并在父组件中显示对应的组件内容。示例代码如下：

<!-- 父组件 -->
<template>
  <div>
    <nav>
      <router-link to="/home">首页</router-link>
      <router-link to="/about">关于我们</router-link>
    </nav>
    <router-view></router-view>
  </div>
</template>

<!-- 子组件 -->
<template>
  <div>
    <router-link to="/home">首页</router-link>
    <router-link to="/about">关于我们</router-link>
  </div>
</template>

在这个示例中，父组件中的`<router-view>`标签会根据路由的变化来动态显示子组件页面，而子组件中的`<router-link>`标签则会根据`to`属性的值来控制路由的变化。因此，当你在子组件中点击其中一个导航链接时，父组件中的`<router-view>`标签就会显示对应的路由组件页面。

相关问题

router-link在子组件和router-view在父组件该这么使用

在Vue.js中使用`router-link`和`router-view`时，通常的做法是在父组件中使用`router-view`来渲染子组件，同时在子组件中使用`router-link`来导航到其他路由。

以下是一个示例：

在父组件中，使用`router-view`来渲染子组件：

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

在子组件中，使用`router-link`来导航到其他路由：

<template>
  <div>
    <router-link to="/home">Home</router-link>
    <router-link to="/about">About</router-link>
  </div>
</template>

在这个例子中，父组件中的`router-view`会根据路由配置动态地渲染子组件。子组件中的两个`router-link`会根据`to`属性中的路由路径跳转到不同的路由。

需要注意的是，子组件中的`router-link`跳转的路由路径应该与父组件中的`router-view`渲染的路由路径匹配。否则，当点击子组件中的`router-link`时，父组件中的`router-view`将无法正确地渲染对应的子组件。

抛出两个全局组件 router-link router-view

为了抛出全局组件`router-link`和`router-view`，我们需要在Vue实例中使用Vue Router。以下是一个简单的例子，演示如何在Vue应用程序中使用Vue Router并抛出全局组件`router-link`和`router-view`：

// 引入Vue和Vue Router
import Vue from 'vue'
import VueRouter from 'vue-router'

// 引入组件
import Home from './components/Home.vue'
import About from './components/About.vue'

// 使用Vue Router
Vue.use(VueRouter)

// 配置路由
const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About }
]

// 创建Router实例
const router = new VueRouter({
  routes
})

// 抛出全局组件
Vue.component('router-link', Vue.options.components.RouterLink)
Vue.component('router-view', Vue.options.components.RouterView)

// 创建Vue实例
new Vue({
  router
}).$mount('#app')

在上面的代码中，我们首先引入Vue和Vue Router，并使用`Vue.use()`方法将Vue Router安装为Vue插件。然后，我们定义了两个组件`Home`和`About`，并配置了路由。接下来，我们创建了一个Vue Router实例，并将其传递给Vue实例。最后，我们使用`Vue.component()`方法抛出全局组件`router-link`和`router-view`。