VueJs(10)---vue-router(动态路由,嵌套式路由,编程式路由)
vue-router(动态路由,嵌套式路由,编程式路由) 本文是基于官网学习,官网具体学习目录: vue-router 一、安装 基于vue-cli脚手架安装还是蛮简单的:在文件当前目录下运行: npm install vue-router 如果在一个模块化工程中使用它,必须要通过 Vue.use() 明确地安装路由功能: import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) 脚手架安装教程: 脚手架安装教程 其他类型安装详见官网: 安装 二、单页面应用 官网介绍的已经很全面。 < script src ="https://unpkg.com/vue/dist/vue.js" ></ script > < script src ="https://unpkg.com/vue-router/dist/vue-router.js" ></ script > < div id ="app" > < h1 > Hello App! </ h1 > < p > <!-- 使用 router-link 组件来导航. --> <!-- 通过传入 `to` 属性指定链接. --> <!-- <router-link> 默认会被渲染成一个 `<a>` 标签 --> < router-link to ="