vue路由系列-学习笔记
Leon_94
Just Code IT!
展开
-
深入简出 vue 路由——1
1.最简单的例子 直接上代码 html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> script src="https://unpkg.com/vue/dist/vue.js">script> script src="https://unpkg.com/vue-router/dist/vue-r原创 2018-02-02 15:26:05 · 205 阅读 · 0 评论 -
深入简出vue路由——2.路由动态匹配
同样直接上代码 html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> script src="https://unpkg.com/vue/dist/vue.js">script> script src="https://unpkg.com/vue-router/dist/vue-router.js原创 2018-02-02 15:33:54 · 304 阅读 · 0 评论 -
深入简出vue路由——3.嵌套路由
代码在这里 html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> script src="https://unpkg.com/vue/dist/vue.js">script> script src="https://unpkg.com/vue-router/dist/vue-router.js">sc原创 2018-02-02 15:45:35 · 901 阅读 · 0 评论 -
深入简出vue路由——4.编程式的导航
来人啊,上代码 html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> script src="https://unpkg.com/vue/dist/vue.js">script> script src="https://unpkg.com/vue-router/dist/vue-router.js">原创 2018-02-02 16:41:35 · 157 阅读 · 0 评论 -
深入简出vue路由——5.路由组件传参
在组件中使用 $route 会使之与其对应路由形成高度耦合,从而使组件只能在某些特定的 URL 上使用,限制了其灵活性。 使用 props 将组件和路由解耦: html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> script src="https://unpkg.com/vue/dist/vue.js原创 2018-02-02 16:56:06 · 1704 阅读 · 0 评论