创建一个Vue-cli项目
在src文件夹下创建一个views的文件夹来对组件进行分类管理
为了实现组件的跳转,我们需要使用路由去对其进行管理
组件路由
vue router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建
单页面应用变得易如反掌。
安装
vue-router 是一个插件包,所以我们还是需要用 npm 来进行安装的。
注意 Vue2.6 只能集成 vue router3.x 版本需要修改版本号 在 package.json
打开命令行工具,进入你的项目目录,输入下面命令。
npm install vue-router --save-dev
搭建步骤:
1.
创建 router 目录
创建 index.js 文件,在其中配置路由
path:跳转的地址
component:绑定的组件
那么:名字可不写
2.在 main.js 中配置路由
使用超链接的形式从一个组件中跳转到另一个组件
element Ui搭建
在main.js中