Vue的路由使用query和params传参数的区别?

query 传参

1、参数在地址栏显示,刷新页面参数不会丢失;

2、参数外漏,安全性差;

3、使用path和name传参跳转都可以。

- -
------- -- -- -- - -- - - ---
- - -
------- -- -- -- - -- - - ---
- -
-
    -- --
    -- --
    -- -
-
- -
------------- - -

params 传参

1、参数在地址栏不一定显示(取决与是否在路由上匹配参数,匹配:显示,不匹配:不显示);

2、当用户刷新当前页面的时候:不在路由配参数的话,参数就会消失;配参数,参数不会丢失;

3、在路由配了参数的话,只能使用name跳转,path无法跳转。

- -
------- -- -- -- - -- - - --
- -
-
    -- --
    -- --
    -- -
-
- -
------------- - -
我宁愿犯错误,也不愿什么都不做。