创建路由
需要在项目目录上面输入cmd
然后弹出cmd 需要下载然后在里面输入 npm install vue-router安装vue 路由
使用路由
在项目文件根src中创建一个router文件夹并在里面配置一个 index.js文件
然后在main.js中配置引入 vue 和主页面APP.vue 引入路由.js并挂载
router 中 声名 rou(与上面名字对应)
在index.js中配置路由并使用
使用 引入 import 配置对象名字 from 链接 @/确定了在src中查找需要配置的文件(自己创建需要的文件)
配置路由 用 routes:[]对象方式创建
每个路由需要映射一个vue组件,component是组件配置对象
在根组件 配置 <router-view> </router-view> 谁是根节点 谁添加
<router-link tag=" 标签" active-class="一个属性 (确定划过改变css)" to="引入目录 之前import 名字 "> +应用的名字+</router-link>
配置完成
如果需要添加子路由 在当前页面配置<router-view> </router-view>
添加在需要添加子路由的引入中添加一个children:[] 对象
并在需要点击跳转的页面添加
<router-link tag=" 标签" active-class="一个属性 (确定划过改变css)" to="引入目录 之前import 名字 "> +应用的名字+</router-link>
完成子路由配置 编程方式程序跳转
会报错 添加 下列代码 解决问题