Loading

摘要: 作用:路由组件所独有的两个钩子,用于捕获路由组件的激活状态。 具体名字: activated路由组件被激活时触发。 deactivated路由组件失活时触发。 <script> export default { name: "Info", props:['name','age'], activate 阅读全文
posted @ 2021-10-16 21:50 IamHzc 阅读(139) 评论(0) 推荐(0) 编辑
摘要: **作用:**让不展示的路由组件保持挂载,不被销毁。 使用: <keep-alive include="News"> //News为组件名,如果不配置include则默认该组件内的所有路由组件都保持挂载。 <router-view></router-view> </keep-alive> 阅读全文
posted @ 2021-10-16 21:33 IamHzc 阅读(116) 评论(0) 推荐(0) 编辑
摘要: **作用:**不借助<router-link> 实现路由跳转,让路由跳转更加灵活 使用: <template> <div> <ul> <li v-for="(person,index) in person" :key="index"> <button @click="send(person)">成员 阅读全文
posted @ 2021-10-16 21:25 IamHzc 阅读(50) 评论(0) 推荐(0) 编辑
摘要: ##replace属性 作用:控制路由跳转时操作浏览器历史记录的模式 浏览器的历史记录有两种写入方式:分别为push和replace,push是追加历史记录,replace是替换当前记录。路由跳转时候默认为push 如何开启replace模式:<router-link replace ....... 阅读全文
posted @ 2021-10-16 21:10 IamHzc 阅读(73) 评论(0) 推荐(0) 编辑
摘要: **作用:**让路由组件更方便的收到参数 ##布尔模式 props值为布尔值,布尔值为true,则把路由收到的所有params参数通过props传给Info组件 const routes = [ { path: '/about', name: 'About', component: () => im 阅读全文
posted @ 2021-10-16 21:03 IamHzc 阅读(1068) 评论(0) 推荐(0) 编辑
摘要: **理解:**一个路由(route)就是一组映射关系(key-value),多个路由需要路由器(router)进行管理。每个组件都有自己得$route属性,里面存储着自己的路由信息。整个应用只有一个router,可以通过组件的$router属性获取。 ##基本使用 1.安装vue-router,命令 阅读全文
posted @ 2021-10-16 20:46 IamHzc 阅读(907) 评论(0) 推荐(0) 编辑