diff --git "a/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/5.\345\212\250\346\200\201\347\273\204\344\273\266\343\200\201\345\274\202\346\255\245\347\273\204\344\273\266/exercises.json" "b/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/5.\345\212\250\346\200\201\347\273\204\344\273\266\343\200\201\345\274\202\346\255\245\347\273\204\344\273\266/exercises.json" index fda1cdf4f4e13bff8db5043e0a66da9fef874acc..db3c53a5ad01c92fffb83261301f76e1903a663f 100644 --- "a/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/5.\345\212\250\346\200\201\347\273\204\344\273\266\343\200\201\345\274\202\346\255\245\347\273\204\344\273\266/exercises.json" +++ "b/data/2.Vue\344\270\255\351\230\266/1.Vue\347\273\204\344\273\266/5.\345\212\250\346\200\201\347\273\204\344\273\266\343\200\201\345\274\202\346\255\245\347\273\204\344\273\266/exercises.json" @@ -1,6 +1,6 @@ { "type": "code_options", - "author": null, + "author": "zhaoss", "source": "exercises.md", "notebook_enable": false, "exercise_id": "51b47b0ce6e0488390f51225751a2424" diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/1.vue-router\346\230\257\344\273\200\344\271\210\357\274\237/config.json" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/1.vue-router\346\230\257\344\273\200\344\271\210\357\274\237/config.json" index 53404cff89881aa79ed9f89ba5a45577461fd203..ca7949bd6b96b12828dda1caaa07a925b4a35f93 100644 --- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/1.vue-router\346\230\257\344\273\200\344\271\210\357\274\237/config.json" +++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/1.vue-router\346\230\257\344\273\200\344\271\210\357\274\237/config.json" @@ -1,8 +1,15 @@ { "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 diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/1.vue-router\346\230\257\344\273\200\344\271\210\357\274\237/exercises.json" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/1.vue-router\346\230\257\344\273\200\344\271\210\357\274\237/exercises.json" new file mode 100644 index 0000000000000000000000000000000000000000..3f658aca441589555a3dc541a66fcca84c5ece47 --- /dev/null +++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/1.vue-router\346\230\257\344\273\200\344\271\210\357\274\237/exercises.json" @@ -0,0 +1,7 @@ +{ + "type": "code_options", + "author": null, + "source": "exercises.md", + "notebook_enable": false, + "exercise_id": "ae1fe8c628e74e8790d3a216d7d78fe0" +} \ No newline at end of file diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/1.vue-router\346\230\257\344\273\200\344\271\210\357\274\237/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/1.vue-router\346\230\257\344\273\200\344\271\210\357\274\237/exercises.md" new file mode 100644 index 0000000000000000000000000000000000000000..1e7021bd6f5d35e39575acda1fbb1b68f4c24eda --- /dev/null +++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/1.vue-router\346\230\257\344\273\200\344\271\210\357\274\237/exercises.md" @@ -0,0 +1,56 @@ +# vue-router是什么? + +
小常识:
+
+ +**概念** +路由的本质就是一种对应关系,比如说我们在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 的正确编码 +
+ +
小测试:
+ +根据上方资料,以下对于vue-router说法不正确的是?

+ +## 答案 + +vue-router不支持模块化、基于组件的路由配置 + +## 选项 + +### A + +vue-router可以嵌套路由映射 + +### B + +vue-router借助Vue实现响应式的路由,因此只能用于vue + +### C + +vue-router 的常用模式有hash和history两种 diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/10.\345\220\216\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/config.json" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/10.\345\220\216\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/config.json" index ee9deb1735fe1f82320135fa87049218c6640c92..dc70abc14fbbbdc8516b34c34b7afdc416631ddb 100644 --- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/10.\345\220\216\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/config.json" +++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/10.\345\220\216\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/config.json" @@ -2,7 +2,9 @@ "node_id": "vue-c6f3a75adadc4901a88a307fb1ee2f07", "keywords": [], "children": [], - "export": [], + "export": [ + "exercises.json" + ], "keywords_must": [], "keywords_forbid": [] } \ No newline at end of file diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/2.\350\267\257\347\224\261\345\256\211\350\243\205/config.json" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/2.\350\267\257\347\224\261\345\256\211\350\243\205/config.json" index 0ef1c6263c12dff719e9398db9e2f6b35334f3bd..a8a3a54dc6b4c73ce30cd57fa1998123270d7343 100644 --- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/2.\350\267\257\347\224\261\345\256\211\350\243\205/config.json" +++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/2.\350\267\257\347\224\261\345\256\211\350\243\205/config.json" @@ -1,8 +1,16 @@ { "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 diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/3.\347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252/config.json" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/3.\347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252/config.json" index d0d95275f1ee5a266fb428c23d29da6474f96dbd..92e9ec9d6e64805485971dcbdef196c7ca30c944 100644 --- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/3.\347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252/config.json" +++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/3.\347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252/config.json" @@ -2,7 +2,9 @@ "node_id": "vue-35a33dafa3c74a3584269e6317cd7e09", "keywords": [], "children": [], - "export": [], + "export": [ + "exercises.json" + ], "keywords_must": [], "keywords_forbid": [] } \ No newline at end of file diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/4.router-link\347\273\204\344\273\266\347\232\204\344\275\277\347\224\250/config.json" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/4.router-link\347\273\204\344\273\266\347\232\204\344\275\277\347\224\250/config.json" index 32a5d352bb31ddbc6ad399017d6eb4cb2d95f947..46972d883ada860b1a71f09068e024e5d94df8f2 100644 --- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/4.router-link\347\273\204\344\273\266\347\232\204\344\275\277\347\224\250/config.json" +++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/4.router-link\347\273\204\344\273\266\347\232\204\344\275\277\347\224\250/config.json" @@ -2,7 +2,9 @@ "node_id": "vue-9e9a0c24d86044d48b8e9c8220b8e112", "keywords": [], "children": [], - "export": [], + "export": [ + "exercises.json" + ], "keywords_must": [], "keywords_forbid": [] } \ No newline at end of file diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/5.\345\212\250\346\200\201\350\267\257\347\224\261/config.json" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/5.\345\212\250\346\200\201\350\267\257\347\224\261/config.json" index 7ff392b6c4ae0f2b12afb281935bba1eacd91678..75d678a46aabafd44d2ae26214f3844084ca507e 100644 --- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/5.\345\212\250\346\200\201\350\267\257\347\224\261/config.json" +++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/5.\345\212\250\346\200\201\350\267\257\347\224\261/config.json" @@ -2,7 +2,9 @@ "node_id": "vue-0e8b0f72e699442f8008a8ba78b9a05e", "keywords": [], "children": [], - "export": [], + "export": [ + "exercises.json" + ], "keywords_must": [], "keywords_forbid": [] } \ No newline at end of file diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/6.\350\267\257\347\224\261\347\273\204\344\273\266\344\274\240\345\217\202/config.json" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/6.\350\267\257\347\224\261\347\273\204\344\273\266\344\274\240\345\217\202/config.json" index 7ea93aa31688003ecdcf92bf388eafbe84c23709..87715b09427080a03e644d051c4ded7e4de3a3e9 100644 --- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/6.\350\267\257\347\224\261\347\273\204\344\273\266\344\274\240\345\217\202/config.json" +++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/6.\350\267\257\347\224\261\347\273\204\344\273\266\344\274\240\345\217\202/config.json" @@ -2,7 +2,9 @@ "node_id": "vue-2e2517cbf7234b6da6951b30e050dda9", "keywords": [], "children": [], - "export": [], + "export": [ + "exercises.json" + ], "keywords_must": [], "keywords_forbid": [] } \ No newline at end of file diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/7.\350\267\257\347\224\261\351\207\215\345\256\232\345\220\221/config.json" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/7.\350\267\257\347\224\261\351\207\215\345\256\232\345\220\221/config.json" index b66711e238b062d3df8b9e692a20e74c501db284..cf7ab1d9476c57d8bdf3b30968f0c171c19788f4 100644 --- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/7.\350\267\257\347\224\261\351\207\215\345\256\232\345\220\221/config.json" +++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/7.\350\267\257\347\224\261\351\207\215\345\256\232\345\220\221/config.json" @@ -2,7 +2,9 @@ "node_id": "vue-1dc4d9ad634f4b2ab0fbae0dd628789e", "keywords": [], "children": [], - "export": [], + "export": [ + "exercises.json" + ], "keywords_must": [], "keywords_forbid": [] } \ No newline at end of file diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/8.\350\267\257\347\224\261\346\250\241\345\274\217/config.json" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/8.\350\267\257\347\224\261\346\250\241\345\274\217/config.json" index 3735aa0519a496c508225b57c07961f78d25a513..7fac376130f646d86e899b11431f0be7e5e0d680 100644 --- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/8.\350\267\257\347\224\261\346\250\241\345\274\217/config.json" +++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/8.\350\267\257\347\224\261\346\250\241\345\274\217/config.json" @@ -2,7 +2,9 @@ "node_id": "vue-c8641c7598f24c51b4942259491f7bd0", "keywords": [], "children": [], - "export": [], + "export": [ + "exercises.json" + ], "keywords_must": [], "keywords_forbid": [] } \ No newline at end of file diff --git "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/9.\345\211\215\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/config.json" "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/9.\345\211\215\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/config.json" index d8f9cddc9c1b69f21068f4fca7362af2527f025c..4851b3e61fe49e0ff41acd3044907ea3b6720e15 100644 --- "a/data/2.Vue\344\270\255\351\230\266/2.Vue-router/9.\345\211\215\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/config.json" +++ "b/data/2.Vue\344\270\255\351\230\266/2.Vue-router/9.\345\211\215\347\275\256\350\267\257\347\224\261\345\256\210\345\215\253/config.json" @@ -2,7 +2,9 @@ "node_id": "vue-d9946cf901924a2ca1a649ad9866ed99", "keywords": [], "children": [], - "export": [], + "export": [ + "exercises.json" + ], "keywords_must": [], "keywords_forbid": [] } \ No newline at end of file diff --git a/data/tree.json b/data/tree.json index 403616c2183d976f5b4cd9fa70dbc4c0e3c00123..d97ffd1c786abe9da597d1ce14ddd16ba1c886a8 100644 --- a/data/tree.json +++ b/data/tree.json @@ -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": [] } },