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

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

时间: 2024-08-30 15:22:32

vue-router教程一(安装篇)的相关文章

Thrift 基础教程(一)安装篇

1.Thrift简介 Thrift是一款由Fackbook开发的可伸缩.跨语言的服务开发框架,该框架已经开源并且加入的Apache项目.Thrift主要功能是:通过自定义的Interface Definition Language(IDL),可以创建基于RPC的客户端和服务端的服务代码.服务代码的生成是通过Thrift内置的代码生成器来实现的.Thrift 的跨语言性体现在,它可以生成C++, Java, Python, PHP, Ruby, Erlang, Perl, Haskell, C#,

Vue入门教程 第七篇 (vue脚手架与发布)

vue-cli(vue脚手架) vue-cli,我们也称vue脚手架,是一个全自动生成vue项目的程序,使用它我们可以快速搭建一个基础的vue项目.vue-cli只是为了方便我们开发的工具,并非必须. npm安装脚手架程序: npm install -g vue-cli  开始初始化项目(项目名称:project-name): vue init webpack-simple project-name 生成项目目录: 1 README.md --项目说明包 2 package.json -- 存放

Vue入门教程 第三篇 (条件与循环)

v-if语法(条件) 符合条件时显示(渲染)某一元素. 1 <div id="app"> 2 <div v-if="ok"> 3 <h1>title</h1> 4 </div> 5 6 <div v-if="type==1"> 7 <h1>title2</h1> 8 </div> 9 <div v-else-if="type

Thrift 基础教程(二)编码篇

上接Thrift 基础教程(一)安装篇,今天来介绍下Thrift的编码过程,首先通过命令行生成框架代码. 命令格式如下: thrift -gen language xxx.thrift 1.首先介绍下那个xxx.thrift文件,我们需要先创建myserver.thrift文件,这个接口主要定义服务接口和数据格式. 介绍一下thrift文件的语法格式,以我写的myserver.thrift说明. /** * thrift中的数据类型 * bool 布尔类型 * byte 同java里的byte

PowerDNS简单教程(1):安装篇

这一篇开始直接是PowerDNS教程,连续四篇.DNS的相关背景知识我就不介绍了,有需要的话看看 http://baike.baidu.com/link?url=QcthFpAb2QydMqcMJr9qnxjfAKKkncDG1IL6IJkfwK85N8OXXC2u2hzbuGQlRDxLU-LwzPy967ODIoL37zoqcTL8_yJEyt_2hRJIhc5oBjC 或自行百度. 目录: PowerDNS简单教程(1):安装篇(本篇) PowerDNS简单教程(2):功能篇 PowerD

SQLAlchemy 教程 —— 基础入门篇

SQLAlchemy 教程 -- 基础入门篇 一.课程简介 1.1 实验内容 本课程带领大家使用 SQLAlchemy 连接 MySQL 数据库,创建一个博客应用所需要的数据表,并介绍了使用 SQLAlchemy 进行简单了 CURD 操作及使用 Faker 生成测试数据. 1.2课程知识点 学会用 SQLALchemy 连接数据库(MySQL, SQLite, PostgreSQL), 创建数据表: 掌握表数据之间一对一,一对多及多对多的关系并能转化为对应 SQLAlchemy 描述: 掌握使

Systemd 入门教程:实战篇

Systemd 入门教程:实战篇 上一篇文章,介绍了 Systemd 的主要命令,这篇文章主要介绍如何使用 Systemd 来管理我们的服务,以及各项的含义: 一.开机启动 对于那些支持 Systemd 的软件,安装的时候,会自动在/usr/lib/systemd/system目录添加一个配置文件,如果你想让该软件开机启动,就执行下面的命令(以httpd.service为例). $ sudo systemctl enable httpd 上面的命令相当于在/etc/systemd/system目

mysql-cluster 安装篇(3)---rpm简易安装法

周氏一族,整理技术文档,给下一代留点教程...... 网络架构 192.168.0.202    管理节点(MGM) 192.168.0.203    存储节点(NDB) 192.168.0.204    查询节点(API) 准备材料(可以到官网下载,解压拿出来这两个包) MySQL-Cluster-client-gpl-7.3.5-1.el6.x86_64.rpm MySQL-Cluster-server-gpl-7.3.5-1.el6.x86_64.rpm 开始安装之前,还是再三告知,mgm

NGUI使用教程(1) 安装NGUI插件

前言 鉴于当前游戏开发的大势,Unity3d的发展势头超乎我的预期,作为一个Flash开发人员,也是为Flash在游戏开发尤其是手游开发中的地位感到担忧....所以 近期一段时间都在自己学习unity3d,技术仅仅有不断学习才干跟上迅猛的计算机潮流,所以博主写这篇文章即是自己学习的笔记又是把自己的心得作为一个分享...写的不好之处,还请大家体谅而且给予指正. 闲言少叙,书归正传,我的使用的是unity4.2,大家能够去官网下载最新版本号的http://unity3d.com/unity/down

hyii2后台管理系统-安装篇

原文链接:Yii中文网(yi-china.com)-hyii2后台管理系统-安装篇 获取源码 1.Hyii2后台管理系统(收费) 安装 1.解压之后,放置到环境根目录,配置后台访问域名(如:admin.hyii2.com),指向backend\web(推荐),详情可参照高级版搭建教程 2.配置数据库,在数据库中新建一个数据库(如:hyii2),然后倒入对应的数据表(common\config\hyii2.sql) 3.没了...真的没了,安装就这么简单 演示 1.初始登录账户:admin 密码: