vue-router之路由跳转,组件缓存，路由间传值

最新推荐文章于 2024-04-13 11:29:57 发布

weixin_43805387

最新推荐文章于 2024-04-13 11:29:57 发布

阅读量923

点赞数

本文链接：https://blog.csdn.net/weixin_43805387/article/details/101751964

版权

本文介绍了如何在Vue Router中实现路由跳转、组件缓存以及路由间传递值的方法。通过配置路由和设置组件，实现了组件在不同路由间的正确显示。同时，详细讲解了如何在组件中保存输入值并利用路由参数进行数据传递。在遇到初次加载时无法获取路由参数的问题时，提出了在`created`生命周期钩子中获取数据的解决方案。

摘要由CSDN通过智能技术生成

 <nav>
        <ul class="nav nav-pills">
          <router-link to="/news/sport" tag = "li" >
          <a>体育</a>
          </router-link>
          <router-link to="/news/tech" tag = "li">
          <a>科技</a>
          </router-link>
        </ul>
      </nav>

配置路由

;(function () {
    window.router = new VueRouter({
        linkActiveClass: 'active',
        routes: [
            {
                path: '/',
                component: AppHome
            },
            {
                path: '/news',
                component: News,
                children:[
                    {
                        path:'/news/sport',
                        component:Sport
                    },
                    //没有斜杠意味着相对路径