Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
CSDN 技术社区
skill_tree_vue
提交
5e834d7a
S
skill_tree_vue
项目概览
CSDN 技术社区
/
skill_tree_vue
通知
5
Star
2
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
S
skill_tree_vue
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
5e834d7a
编写于
4月 20, 2022
作者:
Z
zhaoss
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
2.2.1小节习题、关键字添加
上级
0e741a94
变更
14
隐藏空白更改
内联
并排
Showing
14 changed file
with
135 addition
and
19 deletion
+135
-19
data/2.Vue中阶/1.Vue组件/5.动态组件、异步组件/exercises.json
data/2.Vue中阶/1.Vue组件/5.动态组件、异步组件/exercises.json
+1
-1
data/2.Vue中阶/2.Vue-router/1.vue-router是什么?/config.json
data/2.Vue中阶/2.Vue-router/1.vue-router是什么?/config.json
+11
-3
data/2.Vue中阶/2.Vue-router/1.vue-router是什么?/exercises.json
data/2.Vue中阶/2.Vue-router/1.vue-router是什么?/exercises.json
+8
-0
data/2.Vue中阶/2.Vue-router/1.vue-router是什么?/exercises.md
data/2.Vue中阶/2.Vue-router/1.vue-router是什么?/exercises.md
+56
-0
data/2.Vue中阶/2.Vue-router/10.后置路由守卫/config.json
data/2.Vue中阶/2.Vue-router/10.后置路由守卫/config.json
+4
-1
data/2.Vue中阶/2.Vue-router/2.路由安装/config.json
data/2.Vue中阶/2.Vue-router/2.路由安装/config.json
+12
-3
data/2.Vue中阶/2.Vue-router/3.编程式的导航/config.json
data/2.Vue中阶/2.Vue-router/3.编程式的导航/config.json
+4
-1
data/2.Vue中阶/2.Vue-router/4.router-link组件的使用/config.json
data/2.Vue中阶/2.Vue-router/4.router-link组件的使用/config.json
+4
-1
data/2.Vue中阶/2.Vue-router/5.动态路由/config.json
data/2.Vue中阶/2.Vue-router/5.动态路由/config.json
+4
-1
data/2.Vue中阶/2.Vue-router/6.路由组件传参/config.json
data/2.Vue中阶/2.Vue-router/6.路由组件传参/config.json
+4
-1
data/2.Vue中阶/2.Vue-router/7.路由重定向/config.json
data/2.Vue中阶/2.Vue-router/7.路由重定向/config.json
+4
-1
data/2.Vue中阶/2.Vue-router/8.路由模式/config.json
data/2.Vue中阶/2.Vue-router/8.路由模式/config.json
+4
-1
data/2.Vue中阶/2.Vue-router/9.前置路由守卫/config.json
data/2.Vue中阶/2.Vue-router/9.前置路由守卫/config.json
+4
-1
data/tree.json
data/tree.json
+15
-4
未找到文件。
data/2.Vue中阶/1.Vue组件/5.动态组件、异步组件/exercises.json
浏览文件 @
5e834d7a
{
"type"
:
"code_options"
,
"author"
:
null
,
"author"
:
"zhaoss"
,
"source"
:
"exercises.md"
,
"notebook_enable"
:
false
,
"exercise_id"
:
"51b47b0ce6e0488390f51225751a2424"
...
...
data/2.Vue中阶/2.Vue-router/1.vue-router是什么?/config.json
浏览文件 @
5e834d7a
{
"node_id"
:
"vue-ffb7401f51a7483bb21eaa81827c0e73"
,
"keywords"
:
[],
"keywords"
:
[
"Vue路由"
,
"VueRoute是什么"
],
"children"
:
[],
"export"
:
[],
"keywords_must"
:
[],
"export"
:
[
"exercises.json"
],
"keywords_must"
:
[
"Vue"
],
"keywords_forbid"
:
[]
}
\ No newline at end of file
data/2.Vue中阶/2.Vue-router/1.vue-router是什么?/exercises.json
0 → 100644
浏览文件 @
5e834d7a
{
"type"
:
"code_options"
,
"author"
:
null
,
"source"
:
"exercises.md"
,
"notebook_enable"
:
false
,
"exercise_id"
:
"ae1fe8c628e74e8790d3a216d7d78fe0"
}
\ No newline at end of file
data/2.Vue中阶/2.Vue-router/1.vue-router是什么?/exercises.md
0 → 100644
浏览文件 @
5e834d7a
# vue-router是什么?
<div
style=
"color: pink;"
>
小常识:
</div>
<br>
**概念**
路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。
那么url地址和真实的资源之间就有一种对应的关系,就是路由。
**路由分为前端路由和后端路由**
1).后端路由是由服务器端进行实现,并完成资源的分发
后端路由性能相对前端路由来说较低,所以,我们接下来主要学习的是前端路由
2).前端路由是依靠hash值(锚链接)的变化进行实现
前端路由的基本概念:根据不同的事件来显示不同的页面内容,即事件与事件处理函数之间的对应关系
前端路由主要做的事情就是监听事件并分发执行事件处理函数
**Vue Router 简介**
它是一个Vue.js官方提供的路由管理器。是一个功能更加强大的前端路由器,推荐使用。
Vue Router和Vue.js非常契合,可以一起方便的实现SPA(single page web application,单页应用程序)应用程序的开发。
Vue Router依赖于Vue,所以需要先引入Vue,再引入Vue Router
**Vue Router的功能**
嵌套路由映射
动态路由选择
模块化、基于组件的路由配置
路由参数、查询、通配符
展示由 Vue.js 的过渡系统提供的过渡效果
细致的导航控制
自动激活 CSS 类的链接
HTML5 history 模式或 hash 模式
可定制的滚动行为
URL 的正确编码
<br>
<div
style=
"color: pink;"
>
小测试:
</div
>
根据上方资料,以下对于vue-router说法不正确的是?
<br/><br/>
## 答案
vue-router不支持模块化、基于组件的路由配置
## 选项
### A
vue-router可以嵌套路由映射
### B
vue-router借助Vue实现响应式的路由,因此只能用于vue
### C
vue-router 的常用模式有hash和history两种
data/2.Vue中阶/2.Vue-router/10.后置路由守卫/config.json
浏览文件 @
5e834d7a
...
...
@@ -2,7 +2,9 @@
"node_id"
:
"vue-c6f3a75adadc4901a88a307fb1ee2f07"
,
"keywords"
:
[],
"children"
:
[],
"export"
:
[],
"export"
:
[
"exercises.json"
],
"keywords_must"
:
[],
"keywords_forbid"
:
[]
}
\ No newline at end of file
data/2.Vue中阶/2.Vue-router/2.路由安装/config.json
浏览文件 @
5e834d7a
{
"node_id"
:
"vue-21523e14fb6b466d8538835e35bffe08"
,
"keywords"
:
[],
"keywords"
:
[
"路由安装"
,
"Vue路由"
,
"Vue-route"
],
"children"
:
[],
"export"
:
[],
"keywords_must"
:
[],
"export"
:
[
"exercises.json"
],
"keywords_must"
:
[
"Vue"
],
"keywords_forbid"
:
[]
}
\ No newline at end of file
data/2.Vue中阶/2.Vue-router/3.编程式的导航/config.json
浏览文件 @
5e834d7a
...
...
@@ -2,7 +2,9 @@
"node_id"
:
"vue-35a33dafa3c74a3584269e6317cd7e09"
,
"keywords"
:
[],
"children"
:
[],
"export"
:
[],
"export"
:
[
"exercises.json"
],
"keywords_must"
:
[],
"keywords_forbid"
:
[]
}
\ No newline at end of file
data/2.Vue中阶/2.Vue-router/4.router-link组件的使用/config.json
浏览文件 @
5e834d7a
...
...
@@ -2,7 +2,9 @@
"node_id"
:
"vue-9e9a0c24d86044d48b8e9c8220b8e112"
,
"keywords"
:
[],
"children"
:
[],
"export"
:
[],
"export"
:
[
"exercises.json"
],
"keywords_must"
:
[],
"keywords_forbid"
:
[]
}
\ No newline at end of file
data/2.Vue中阶/2.Vue-router/5.动态路由/config.json
浏览文件 @
5e834d7a
...
...
@@ -2,7 +2,9 @@
"node_id"
:
"vue-0e8b0f72e699442f8008a8ba78b9a05e"
,
"keywords"
:
[],
"children"
:
[],
"export"
:
[],
"export"
:
[
"exercises.json"
],
"keywords_must"
:
[],
"keywords_forbid"
:
[]
}
\ No newline at end of file
data/2.Vue中阶/2.Vue-router/6.路由组件传参/config.json
浏览文件 @
5e834d7a
...
...
@@ -2,7 +2,9 @@
"node_id"
:
"vue-2e2517cbf7234b6da6951b30e050dda9"
,
"keywords"
:
[],
"children"
:
[],
"export"
:
[],
"export"
:
[
"exercises.json"
],
"keywords_must"
:
[],
"keywords_forbid"
:
[]
}
\ No newline at end of file
data/2.Vue中阶/2.Vue-router/7.路由重定向/config.json
浏览文件 @
5e834d7a
...
...
@@ -2,7 +2,9 @@
"node_id"
:
"vue-1dc4d9ad634f4b2ab0fbae0dd628789e"
,
"keywords"
:
[],
"children"
:
[],
"export"
:
[],
"export"
:
[
"exercises.json"
],
"keywords_must"
:
[],
"keywords_forbid"
:
[]
}
\ No newline at end of file
data/2.Vue中阶/2.Vue-router/8.路由模式/config.json
浏览文件 @
5e834d7a
...
...
@@ -2,7 +2,9 @@
"node_id"
:
"vue-c8641c7598f24c51b4942259491f7bd0"
,
"keywords"
:
[],
"children"
:
[],
"export"
:
[],
"export"
:
[
"exercises.json"
],
"keywords_must"
:
[],
"keywords_forbid"
:
[]
}
\ No newline at end of file
data/2.Vue中阶/2.Vue-router/9.前置路由守卫/config.json
浏览文件 @
5e834d7a
...
...
@@ -2,7 +2,9 @@
"node_id"
:
"vue-d9946cf901924a2ca1a649ad9866ed99"
,
"keywords"
:
[],
"children"
:
[],
"export"
:
[],
"export"
:
[
"exercises.json"
],
"keywords_must"
:
[],
"keywords_forbid"
:
[]
}
\ No newline at end of file
data/tree.json
浏览文件 @
5e834d7a
...
...
@@ -428,18 +428,29 @@
{
"vue-router是什么?"
:
{
"node_id"
:
"vue-ffb7401f51a7483bb21eaa81827c0e73"
,
"keywords"
:
[],
"keywords"
:
[
"Vue路由"
,
"VueRoute是什么"
],
"children"
:
[],
"keywords_must"
:
[],
"keywords_must"
:
[
"Vue"
],
"keywords_forbid"
:
[]
}
},
{
"路由安装"
:
{
"node_id"
:
"vue-21523e14fb6b466d8538835e35bffe08"
,
"keywords"
:
[],
"keywords"
:
[
"路由安装"
,
"Vue路由"
,
"Vue-route"
],
"children"
:
[],
"keywords_must"
:
[],
"keywords_must"
:
[
"Vue"
],
"keywords_forbid"
:
[]
}
},
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录