首页 > 其他分享 >svelte路由01

svelte路由01

时间:2024-01-25 14:34:51浏览次数:23  
标签:about 01 .. detail import home svelte 路由

1、about.svelte页面

a、使用 use:link 方式

<script>
    import {link} from 'svelte-spa-router';
</script>
<div>    
    这里是about关于我们    
</div>
<div>
    <a href="/home" use:link >进入首页</a>
</div>

2、routes路由

import home from "../pages/home.svelte";
import about from "../pages/about.svelte";
import error from "../pages/error.svelte";
import detail from "../pages/detail.svelte";

const routes= {    
    "/": home,
    "/about": about,
    "/home": home,
    "/detail/:aboutId/type/:typeId": detail,
    "*": error,
};

export default routes;

  参考学习:https://github.com/ItalyPaleAle/svelte-spa-router

标签:about,01,..,detail,import,home,svelte,路由
From: https://www.cnblogs.com/zzming/p/17987076

相关文章

  • 洛谷 P6681 [CCO2019] Bad Codes
    洛谷传送门QOJ传送门被QOJ1193AmbiguousEncoding撞了。考虑直接dp,设\(f_{i,j}\)为较长的串未被较短的串覆盖的部分是第\(i\)个字符串的长为\(j\)的后缀。转移考虑枚举接在较短的串后面是第\(k\)个串,然后讨论一下\(j\)和第\(k\)个字符串的大小关系就可以确定......
  • 20240125打卡——《构建之法》读书笔记第1~4章
    第一章概论在这一章中,作者为我们介绍了一些关于软件工程的基本知识。①软件=程序+软件工程:正是因为对软件开发活动(构建管理、源代码管理、软件设计、软件测试、项目管理)相关的内容的完成,才能完成把整个程序转化成为一个可用的软件的过程。扩展的推论:软件企业=软件+商业模式......
  • Uni-app页面路由的五种写法
    uni.navigateTo(OBJECT)uni.redirectTo(OBJECT)uni.reLaunch(OBJECT)uni.switchTab(OBJECT)uni.navigateBack(OBJECT) 概要代码展示在最后,可以在应用中感受这几种不同方法的不同页面路由的方式有很多,在项目中遇到不同的跳转需求,就需要使用不同的跳转方法,下面介绍一下不......
  • 如何手工制作绿色免安装单文件同花顺免费版Windows客户端 2024-01-25
    如何手工制作绿色免安装单文件同花顺免费版Windows客户端  2024-01-25第1步、下载同花顺免费版http://download.10jqka.com.cn/第2步、安装同花顺免费版第3步、移动同花顺免费版软件到文件夹 D:\Prog\同花顺第4步、新建批处理脚本文件 D:\Prog\同花顺\一键打包\一键打......
  • nginx 配置文件(路由转发)
    #usernobody;worker_processes1;#error_loglogs/error.log;#error_loglogs/error.lognotice;#error_loglogs/error.loginfo;#pidlogs/nginx.pid;events{worker_connections1024;}http{includemime.types;defau......
  • 路由
    路由api.router.pas///<author>2024-1-25</author>unitapi.router;interfaceusesglobal,net.CrossHttpServer,yn.log,Classes,StrUtils,SysUtils;typeTMyProc=procedure(req:TRequest;res:TResponse)ofobject;procedurerouter(con......
  • 静态路由基本配置
    拓扑:配置:查看代码[R1]discurrent-configuration[V200R003C00]#sysnameR1#boardadd0/12SA#snmp-agentlocal-engineid800007DB03000000000000snmp-agent#clocktimezoneChina-Standard-Timeminus08:00:00#portallocal-serverloadportalpage.......
  • gin框架路由讲解
     点击关注......
  • angular 16 路由守卫更新
    在angular16中守卫使用方式进行了更新,route守卫被弃用(取消了CanActivate的使用),新增了功能性守卫(CanActivateFn),支持inject注入,官网提供了一个新的类型exportdeclaretypeCanDeactivateFn<T>=(component:T,currentRoute:ActivatedRouteSnapshot,currentState:Route......
  • Ybt 金牌导航 6.1.H. 时空旅行 / P5416 [CTSC2016] 时空旅行(线段树分治+凸包)
    题意简述初始有版本\(0\),其中仅包含点\(0\),且\(c_0\)给出,\(x_0=0\)。对于第\(i\)个版本,它依赖第\(fr_i\)个版本,而且会在父级版本的基础上进行以下两种操作之一:插入一个新点,并且会给出\(x_i\)和\(c_i\)。删除一个本就存在的点(不为\(0\))给出\(m\)次询问,每次给出......