====== 差别 ======
这里会显示出您选择的修订版和当前版本之间的差别。
当问到vuerouter两种模式和原理时 [2023/02/08 19:02] 若愚 创建 |
当问到vuerouter两种模式和原理时 [2023/02/08 19:03] (当前版本) 若愚 |
||
---|---|---|---|
行 8: | 行 8: | ||
先看代码,下面再对代码做个讲解 | 先看代码,下面再对代码做个讲解 | ||
- | ```javascript | + | ```html |
<nav> | <nav> | ||
<a class=" | <a class=" | ||
行 27: | 行 27: | ||
</ | </ | ||
- | <script> | + | <Script> |
class Router { | class Router { | ||
行 67: | 行 67: | ||
}) | }) | ||
- | </script> | + | </Script> |
``` | ``` | ||
行 80: | 行 80: | ||
先看history模式的案例,和hash模式相比,只有注释1、2、3部分有差别。 | 先看history模式的案例,和hash模式相比,只有注释1、2、3部分有差别。 | ||
- | ```javascript | + | ```html |
<nav> | <nav> | ||
<a class=" | <a class=" | ||
行 99: | 行 99: | ||
</ | </ | ||
- | <script> | + | <Script> |
class Router { | class Router { | ||
constructor({ mode, routes }) { | constructor({ mode, routes }) { | ||
行 137: | 行 137: | ||
] | ] | ||
}) | }) | ||
- | </script> | + | </Script> |
``` | ``` | ||