vue-router教程一（安装篇）

Posted 2020-11-13 wntd

Installation安装

#直接下载/cdn

https://unpkg.com/vue-router/dist/vue-router.js

Unpkg.com提供基于NPM的CDN链接。上述链接将始终指向NPM的最新版本。您还可以通过https：//unpkg.com/[email protected]/dist/vue-router.js.这样的URL使用特定的版本/标记。

在VUE之后包括vue-router，它将自动安装自己：

<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-router.js"></script>

npm

npm install vue-router

当与模块系统一起使用时，必须通过Vue.use():

import Vue from ‘vue‘
import VueRouter from ‘vue-router‘

Vue.use(VueRouter)

在使用全局脚本标记时，不需要这样做。

Dev构建

如果您想使用最新的dev Build，您必须直接从GitHub克隆并自己构建vue路由器。

git clone https://github.com/vuejs/vue-router.git node_modules/vue-router
cd node_modules/vue-router
npm install
npm run build

介绍

版本说明

对于类型记录用户，[email protected]需要[email protected]，反之亦然。

Vue路由器是Vue.js的官方路由器。它与Vue.js核心进行了深入的集成，使得使用Vue.js构建单个页面应用程序变得轻而易举。其特点包括：　　

• 嵌套路由/视图映射
• 模块化、基于组件的路由器配置
• 路由参数、查询、通配符
• Vue.js过渡系统驱动的视图转换效果
• 细粒度导航控制
• 具有自动活动CSS类的链接
• html 5历史模式或散列模式，在IE9中具有自动回退。
• 可定制滚动行为