VUE2路由安装和配置
需要安装和配置一些像vue-router路由这种的话需要
npm install vue-router@3.5.2 -S
安装完以后在router文件目录下新建一个index.js文件
要在index.js中导入 vue 和 vue-router
Vue.use(VueRouter) 安装插件
创建实例、然后export共享出去
参考该图
需要在main.js中配置一下它
导入router
路由的使用方式
声明路由规则
使用 routes 创建一个路由规则
后续有需要用到路由导航跳转的时候就到这里面配置一下路由规则
然后在需要使用该组件的地方放置一个占位符
可以设置点击跳转到指定页面或者是切换组件
简单的配置一下
占位符
在需要展示该组件的地方放置占位符 router-view
只要访问对应的hash地址，就会展示该组件 如：/login 跳转到login页面
通过 to 可以跳转指定页面或组件
重定向路由规则
设置 redirect 后
当只有 http://localhost:8080/ 时会自动跳转到login页面
目前暂时到这里，基本上的配置就是这样。
