vue实现完整的项目 (一:实现路由的配置和页面的跳转)

路由毫无疑问是vue的重中之重,废话不多说直接开怼

一:在comment文件夹下,创建一个login登陆的vue

vue实现完整的项目 (一:实现路由的配置和页面的跳转)


首先熟悉一下,vue文件的基本结构,方便数据处理

vue实现完整的项目 (一:实现路由的配置和页面的跳转)

二:在router文件夹下的index.js文件中 配置路由

通过 import 引入刚刚建好的页面。

vue实现完整的项目 (一:实现路由的配置和页面的跳转)

在这里给页面配置一个访问地址 。其中mode: 'history' 可以去掉地址栏的#号

vue实现完整的项目 (一:实现路由的配置和页面的跳转)


于是 第一个通过路由配置的页面就成功了


vue实现完整的项目 (一:实现路由的配置和页面的跳转)