200元自助网站建设商城网站策划书

关于vueRouter的两种路由模式

• “history” 模式使用正常的 URL 格式，例如 https://example.com/path。
• “hash” 模式将路由信息添加到 URL 的哈希部分（#）后面，例如 https://example.com/#/path。

1、history模式：没有hash模式中的#，比较美观，但是时H5新属性，老的浏览器可能不支持

2、hash模式: 路径中有一个#，当浏览器强制刷新时，会重新请求浏览器导航栏中的路径，但是会丢失#后拼接的参数

关于VueRouter的两种传方式

1、query传参： this.$router.push({ path:'/user' , query:{ name:'zs' } }) ，使用query传参时会把参数拼接在要跳转路径的后面  '/user?name=zs'  query传参的好处就是参数拼接在的请求的url上，当页面强制刷新时参数也不会丢失，在页面强制刷新后，你依然可以在当前的组件上使用this.$router.query获取上个也页面传递过来的query参数

2、params传参： this.$router.push({name:'user', path:'/user' , params:{ params:'zs' } }) ，使用params传参时一定要为要跳转的页面设置一个name属性，跳转时name对应路由配置的的name。params参数不会放在要跳转的路径上，而是会放在router的params这个对象上，当页面强制刷新时会丢失params中的参数，此时当前页面将获取不到上个页面传递过来的参数