码迷,mamicode.com
首页 > 其他好文 > 详细

vue-router教程一(安装篇)

时间:2018-06-08 11:55:11      阅读:397      评论:0      收藏:0      [点我收藏+]

标签:路由器   err   通配符   opener   open   run   官方   TE   dev   

Installation安装

#直接下载/cdn

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

Unpkg.com提供基于NPM的CDN链接。上述链接将始终指向NPM的最新版本。您还可以通过https://unpkg.com/vue-router@2.0.0/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

介绍

版本说明

对于类型记录用户,vue-router@3.0需要vue@2.5,反之亦然。

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

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

vue-router教程一(安装篇)

标签:路由器   err   通配符   opener   open   run   官方   TE   dev   

原文地址:https://www.cnblogs.com/wntd/p/9154430.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!