provide SPA route's experience with native web component
NOTICE! this demo use `:defined
` pseudo-class to avoid undefined element's inner content leak
BTW. you can use `disable-shadow
` to disable shadowDOM
- common
- nest path: root
- nest path: root/all
- cache and drop
-
lazy demo
-
custom render demo, this could be use to render react/vue/other
render lib content
If you are in a local environment, you need to additionally run thepnpm run dev:demo
command - append before
- append after
- loading status
common demo area
child before after
child append after
common route container demo area
- container (virtualNode, this route's active status will be ignored by container)
- unvalid route
- valid route
404
no shadow dom route container demo area
dynamic route path
group route match mode
['before self route', 'self route', 'after self route']
fullpath.split('/')