复习-基本路由的使用|学习笔记

简介: 快速学习复习-基本路由的使用

开发者学堂课程【Vue.js 入门与实战复习-基本路由的使用】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/586/detail/8203


复习-基本路由的使用


一,创建及使用路由的步骤


1.第一步导包:

<script src "./1ib/vue-2.4.0.js"></script>
<scxipt src="./lib/vue-router-3.0.1.js"></script>

2.第二步创建子组件:

var 1ogin ={
template: '<h3>这是登录子组件,这个组件是奔波霸开发的。</h3>'}
var register={
template: '<h3>这是注册子组件,这个组件是霸波奔开发的。</h3>'}

3.第三步创建一个路由对象:

var router =new vueRouter (i
routes: [//路由规则数组
{path: '/1ogin',component: login },{ path: '/register' ,component: register }1,
linkActiveclass: 'myactive'//和激活相关的类})

4.第四步创建Vue实例,得到VieModel:

var vm=new vue (i
el: '#app',
data: {,methods: {3,
l/ router : routerrouter
});

5.第五步展示路由:

<div id="app">
<router-link to="/login">登录</router-link>
<router-link to=" / register">注册</router-link>
<!-- 容器-->
<router-view></router-view>
</ div>

相关文章
|
JavaScript 开发者 容器
复习-基本路由的使用|学习笔记
快速学习复习-基本路由的使用
|
前端开发 JavaScript 索引
自己动手实现一个前端路由
最近工作比较忙,写的比较慢,当我写完这一篇准备发布的时候,发现掘金刚好也有一篇关于前端路由的,而且写的比我详细,不过辛辛苦苦写的总不能删掉吧,再说我的路由风格是纯个人思路实现的,所以还是硬着头皮发了哈。
1948 0
|
数据安全/隐私保护 网络架构 内存技术
|
网络协议 网络安全 数据安全/隐私保护
[总结] C++ 知识点 《三》网络篇
[总结] C++ 知识点 《三》网络篇
|
测试技术
IP复习
1.分类   2. CIDR(Classless Interdomain Routing) 子网掩码 IP地址与子网掩码做与运算可以得到网络号,主机号从全0到全1就是子网的地址范围。 3.私有IP 如果一个组织内部组建局域网,IP地址只用于局域网内的通信,而不直接连到Internet上,理论上使用任意的IP地址都可以,但是RFC 1918规定了用于组建局域网的私有IP地址,
1203 0
|
程序员 Python
模块知识点总结及复习
模块知识点总结及复习
112 0
|
Web App开发 移动开发 前端开发
|
存储 JSON 网络协议
计算机网络的那些常见面试知识点,你还记得多少
这篇文章是计算机网络面试的第一篇文章,主要是对计算机网络知识体系的一个概述,当然了,本系列文章肯定不会把计算机网络这些书籍进行全面的介绍,那样太麻烦也太多了。而是针对面试相关的一个知识梳理,尽量从简单入手。
218 0
计算机网络的那些常见面试知识点,你还记得多少
|
前端开发
前端学习笔记202306学习笔记第三十七天-经典面试题1
前端学习笔记202306学习笔记第三十七天-经典面试题1
54 0
|
前端开发
前端学习笔记202306学习笔记第三十七天-经典面试题2
前端学习笔记202306学习笔记第三十七天-经典面试题2
64 0
前端学习笔记202306学习笔记第三十七天-经典面试题2