摘要: 1.什么是路由钩子 beforeRouteEnter:在进入路由前执行 beforeRouteLeave:在离开路由前执行 参数说明: to:路由将要跳转的路径信息 from:路径跳转前的路径信息 next:路由的控制参数 next() 跳入下一个页面 next('/path') 改变路由的跳转方向 阅读全文
posted @ 2019-12-23 15:31 All_just_for_fun 阅读(290) 评论(0) 推荐(0)
摘要: 1.使用场景 我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。此时我们就需要传递参数了; 2.使用流程 修改父组件,绑定的子组件路由名称以及传递的参数 修改路由配置文件子组件的路径中添加参数,以及修 阅读全文
posted @ 2019-12-23 14:48 All_just_for_fun 阅读(2069) 评论(0) 推荐(1)
摘要: 1.什么是路由嵌套 嵌套路由又称子路由,在实际应用中,通常由多层嵌套的组件组合而成。同样地,URL 中各段动态路径也按某种结构对应嵌套的各层组件,例如: 2.使用 1.在views中创建user目录,user目录下创建用户信息组件Profile.vue 2.在user目录下创建用户列表视图组件Lis 阅读全文
posted @ 2019-12-23 13:20 All_just_for_fun 阅读(402) 评论(0) 推荐(0)
摘要: 1.创建工程 创建一个名为 hello-vue 的工程 vue init webpack hello-vue 安装依赖,我们需要安装 vue-router、element-ui、sass-loader 和 node-sass 四个插件 # 进入工程目录 cd hello-vue # 安装 vue-r 阅读全文
posted @ 2019-12-23 12:50 All_just_for_fun 阅读(2118) 评论(0) 推荐(0)
摘要: 1.什么是vue-router路由 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度 阅读全文
posted @ 2019-12-23 01:01 All_just_for_fun 阅读(1133) 评论(0) 推荐(0)