vue-router教程一(安装篇)

Posted wntd

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-router教程一(安装篇)相关的知识,希望对你有一定的参考价值。

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中具有自动回退。
  • 可定制滚动行为

以上是关于vue-router教程一(安装篇)的主要内容,如果未能解决你的问题,请参考以下文章

项目集成 vue-router 和 vuex

vue安装vue-router

基于vscode开发vue3项目的详细步骤教程 3 前端路由vue-router

vue-router和webpack懒加载,页面性能优化篇

vue-router的cdn使用,一篇解决百度少有的cdn引用方法

Lua从青铜到王者基础篇第一篇:Lua初始教程和环境安装