Vue2.0+Node.JS项目(知识点记录)

本文详细记录了一个Vue2.0+Node.js项目的开发过程,涉及重定向、路由传参、编程式路由导航、接口管理、跨域、nprogress使用、Vuex、组件开发等多个关键知识点,包括三级导航联动、分页器实现、模拟数据、轮播图组件封装等实战经验。还探讨了Vuex的踩坑、路由跳转策略、数据管理和组件通信等重要环节。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


整个项目的三大关键点:分页;注册;支付

重定向问题

在路由配置文件中,应该配置重定向,使页面一开始跑起来就到首页

 {
   
            path:'*',
            redirect:"/home"

        }

路由传参(面试题)

  1. 路由跳转有两种方式:(1)router-link声明式导航(2)编程式导航:push/replace
  2. 路由传递参数(对象写法)path不可以结合paramas参数一起使用
  3. 指定params参数可传可不传
    情况一:在路由配置文件中已经配置占位符,但路由跳转时不传递?
    方法:在router配置文件中进行配置:占位符后面添加?
 {
   
           path:"/search/:keyword?",
           component:Search,
           meta:{
   show:true},
           name:"search"
       }

情况二:在路由配置文件中已经配置占位符,但路由跳转时传递的是空串?(跳转后页面显示有问题,无法显示组件路径)
方法:使用undefined

this.$router.push({
   
               name:'search',
               params:{
   
                   keyword:''||undefined
               },
                query:{
   
                    k:this.keyword
                }
           })
  1. 路由组件能否传递props数据?
    答:可以,有三种传递写法
    (1)props值为布尔值,值为true,则将路由收到的全部 paramas参数传递给该组件
    (2&#x
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值