-
Vue Router-05-嵌套路由
嵌套路由
一些应用程序的 UI 由多层嵌套的组件组成。
在这种情况下,URL 的片段通常对应于特定的嵌套组件结构,例如:
/user/johnny/profile /user/johnny/posts
+------------------+ +-----------------+
| User ...
2021-08-29 13:01:55 |
VUE
-
Vue Router-03-带参数的动态路由匹配
路由的匹配语法
大多数应用都会使用 /about 这样的静态路由和 /users/:userId 这样的动态路由,就像我们刚才在动态路由匹配中看到的那样,但是 Vue Router 可以提供更多的方式!
TIP
为了简单起见,所有的路由都省略了 component 属性,只关注 path 值。
在参数中自定义正则
当定义像 :userId 这样的参数时,我们内部使用以下的正...
2021-08-29 13:01:55 |
VUE
-
Vue Router-03-带参数的动态路由匹配
带参数的动态路由匹配
很多时候,我们需要将给定匹配模式的路由映射到同一个组件。
例如,我们可能有一个 User 组件,它应该对所有用户进行渲染,但用户 ID 不同。
在 Vue Router 中,我们可以在路径中使用一个动态段来实现,我们称之为 路径参数 :
const User = {
template: '<div>User</div>',
}
//...
2021-08-29 13:01:55 |
VUE
-
Vue Router-02-入门例子
入门
用 Vue + Vue Router 创建单页应用非常简单:通过 Vue.js,我们已经用组件组成了我们的应用。
当加入 Vue Router 时,我们需要做的就是将我们的组件映射到路由上,让 Vue Router 知道在哪里渲染它们。
下面是一个基本的例子:
HTML
<script src="https://unpkg.com/vue@3"></scri...
2021-08-29 13:01:55 |
VUE
-
Vue Router 是什么?安装笔记
介绍
Vue Router 是 Vue.js 的官方路由。
它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。
功能包括:
嵌套路由映射
动态路由选择
模块化、基于组件的路由配置
路由参数、查询、通配符
展示由 Vue.js 的过渡系统提供的过渡效果
...
2021-08-29 13:01:55 |
VUE
-
前端概览
核心技术栈
JS
TS
VUE
“axios”: “^0.19.2”,
“core-js”: “^3.6.4”,
“element-ui”: “^2.15.5”,
“iview”: “^3.5.4”,
“moment”: “^2.29.1”,
“node-sass”: “^4.14.1”,
“vue”: “^2.6.11”,
“vue-router”: “^3.0.7”,
“vuex...
2021-08-03 13:01:55 |
FrontEnd
-
LDAP 登录方式简介
什么是LDAP?
(一)在介绍什么是LDAP之前,我们先来复习一个东西:“什么是目录服务?”
目录服务是一个特殊的数据库,用来保存描述性的、基于属性的详细信息,支持过滤功能。
是动态的,灵活的,易扩展的。
如:人员组织管理,电话簿,地址簿。
(二)了解完目录服务后,我们再来看看LDAP的介绍:
LDAP(Light Directory A...
2021-08-02 13:01:55 |
System-Design
-
Let’s Encrypt 证书免费 HTTPS 部署工具 Certbot 介绍-02-获取安装 certbot
系统要求
Linux、macOS、BSD 和 Windows
Linux/BSD 上的推荐 root 访问权限/Windows 上所需的管理员访问权限
端口 80 打开
NOTE
Certbot 在以 root 权限运行时最有用,因为它能够自动为 Apache 和 nginx 配置 TLS/SSL。
Certbo...
2021-08-02 13:01:55 |
System