vue+element-ui 实现导航切换

话不多说 先看效果
这是我创建的三个页面
在这里插入图片描述
vue+element-ui 实现导航切换_第1张图片

vue+element-ui 实现导航切换_第2张图片
**

就是点击导航 切换页面

**
引用element-ui组件
vue+element-ui 实现导航切换_第3张图片
vue+element-ui 实现导航切换_第4张图片

然后在 router index.js里面编写路由

vue+element-ui 实现导航切换_第5张图片

现在讲一下element 里面index 和router的配合使用

在这里插入图片描述

这段话的意思很明确就是你index里面是啥你的路径就是什么

接下来讲如何使用
在这里插入图片描述
加上router 然后index里面填写你要跳转哪个路由

ok了就 就是这么简单

你可能感兴趣的:(教程,笔记,html5,html,vue.js,css,javascript)