![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
router
vue路由,实现单页面跳转
yuroll
这个作者很懒,什么都没留下…
展开
-
components下的,非路由组件&公用组件 区别
使用前提是:在根组件App.vue中,引入 --> 注册 --> 使用。不引入,则不能使用。在main.js中,引入 --> 注册 为全局组件后,在任意子组件中可直接使用该全局组件。如页面中header、footer部分。公用组件(=全局组件)原创 2023-05-17 22:50:17 · 54 阅读 · 0 评论 -
Vue 控制组件的 显示or隐藏
v-show:css样式display:none控制是否显示。v-if:直接移除or添加DOM元素,性能差。若true为显示,false为隐藏。原创 2023-03-16 16:38:18 · 979 阅读 · 0 评论 -
Vue2 路由组件:vue-router 使用?
router-link>:渲染成标签。$router.push('/home')是针对非标签的元素,如button等。:该标签是一个vue-router中已经内置的组件,它会被渲染成一个标签。:该标签会根据当前的路径,动态渲染出不同的组件。新建src/router/index.js。原创 2023-03-22 17:17:09 · 137 阅读 · 0 评论 -
Vue中,两个新的生命周期钩子
作用:路由独有的生命周期钩子,用于捕获路由组件的激活状态(切换显示于不显示)-->路由组件被激活时触发。-->路由组件被失活时触发。原创 2023-03-23 10:25:44 · 73 阅读 · 0 评论 -
缓存路由组件,即切换组件~数据仍在
在父组件(上层组件)中,编写 作用:让不展示的路由组件保持挂载,不被销毁。也可以指定仅缓存某组件的数据。原创 2023-03-22 19:01:43 · 45 阅读 · 0 评论 -
路由 replace属性
replace作用:控制路由跳转的页面历史记录。以上两种写法均可,开启replace模式!push作用:追加新的页面,保留原页面。原创 2023-03-22 18:32:04 · 154 阅读 · 0 评论 -
路由的 props 配置
作用:让路由组件更方便收到参数。原创 2023-03-22 18:19:53 · 113 阅读 · 0 评论 -
路由的params参数
注意:params 若用to的对象写法,只能用name,不能用path。原创 2023-03-22 17:59:10 · 166 阅读 · 0 评论 -
路由的query参数
【代码】路由的query参数。原创 2023-03-22 17:35:02 · 80 阅读 · 0 评论 -
嵌套路由(即多级路由)
2、跳转(要写完整路径)原创 2023-03-22 17:19:52 · 57 阅读 · 0 评论 -
vue3 路由组件:vue-router 使用
网页的其他内容,比如顶部的标题/导航,或者底部的一些版权信息等会和处于同一个等级。:该标签是一个vue-router中已经内置的组件,它会被渲染成一个标签。在路由切换时,切换的是挂载的组件,其他内容不会发生改变。history.pushState相当于栈的操作,先进后出,弹栈和入栈的操作。history.go(-1) 相当于 history.back();history.forward 相当于history.go(1);原创 2023-03-15 17:17:59 · 246 阅读 · 0 评论 -
路由跳转 & 路由传参数
跳转事件js中,设置push的路径。方式 一:字符串形式。原创 2023-03-16 17:37:27 · 382 阅读 · 0 评论