vue-Cli 中 vue-router 的使用
一, 创建 vue-cli 的项目
NPM create myproject
vue create 为 vue.js 3.0 构建项目的命令, 2.0 版本可以通过 vue init webpack myproject
二, 安装 vue-router
NPM install vue-router --save
三, 在目录结构的 src 下创建 router 文件夹, 并创建 index.JS 作为出口文件, 同时在 components 文件下新建两个组件
四, 在 router/index.JS 配置相关路由
这里我配置了三个路由,'/hello','/a','/b', 并且把 '/' 重定向为 '/hello'
五, 在 src/main.JS 中将路由实例挂载到 vue 根实例上, 使得整个应用都有路由功能
六, 在 src/App.vue 中使用 router-link 标签实现跳转路由, 使用 router-view 来实现路由显示
七, 最终效果
来源: http://www.bubuko.com/infodetail-3339562.html