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

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

开发者学堂课程【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>

相关文章
|
XML 前端开发 Java
XStream(可把javabean转换成XMI的小工具)|学习笔记
快速学习XStream(可把javabean转换成XMI的小工具)
122 0
|
C++ 编译器 自然语言处理
C++模板别名的理解
故事背景: 最近在看邓俊辉老师的书《数据结构(C++语言版》。不得不说这本书写的太好了,强烈推荐大家看看。 我以前也学过C++,基础的语法还是知道的,也知道C++里模板的用法。所以我满以为凭这点底子看这本书的示例代码应该是没问题的。
4272 0
|
3天前
|
存储 关系型数据库 分布式数据库
PostgreSQL 18 发布,快来 PolarDB 尝鲜!
PostgreSQL 18 发布,PolarDB for PostgreSQL 全面兼容。新版本支持异步I/O、UUIDv7、虚拟生成列、逻辑复制增强及OAuth认证,显著提升性能与安全。PolarDB-PG 18 支持存算分离架构,融合海量弹性存储与极致计算性能,搭配丰富插件生态,为企业提供高效、稳定、灵活的云数据库解决方案,助力企业数字化转型如虎添翼!
|
14天前
|
弹性计算 关系型数据库 微服务
基于 Docker 与 Kubernetes(K3s)的微服务:阿里云生产环境扩容实践
在微服务架构中,如何实现“稳定扩容”与“成本可控”是企业面临的核心挑战。本文结合 Python FastAPI 微服务实战,详解如何基于阿里云基础设施,利用 Docker 封装服务、K3s 实现容器编排,构建生产级微服务架构。内容涵盖容器构建、集群部署、自动扩缩容、可观测性等关键环节,适配阿里云资源特性与服务生态,助力企业打造低成本、高可靠、易扩展的微服务解决方案。
1305 5
|
13天前
|
机器学习/深度学习 人工智能 前端开发
通义DeepResearch全面开源!同步分享可落地的高阶Agent构建方法论
通义研究团队开源发布通义 DeepResearch —— 首个在性能上可与 OpenAI DeepResearch 相媲美、并在多项权威基准测试中取得领先表现的全开源 Web Agent。
1333 87
|
2天前
|
弹性计算 安全 数据安全/隐私保护
2025年阿里云域名备案流程(新手图文详细流程)
本文图文详解阿里云账号注册、服务器租赁、域名购买及备案全流程,涵盖企业实名认证、信息模板创建、域名备案提交与管局审核等关键步骤,助您快速完成网站上线前的准备工作。
184 82
2025年阿里云域名备案流程(新手图文详细流程)