摘要: 路由的常见模式有两种:hash模式和history模式 hash模式:在浏览器中符号“#”,#以及#后面的字符称之为hash,用window.location.hash读取; 特点:hash虽然在URL中,但不被包括在HTTP请求中;用来指导浏览器动作,对服务端安全无用,hash不会重加载页面。 h 阅读全文
posted @ 2022-09-12 23:15 前端小白银 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 在路由中传值有两种传值方式: query查询参数传值 1.1 router-link的to属性或者js方式push方法里的参数由字符串更换成对象, 需要切换的路由由path字段负责, 传递的值由query字段负责 1.2 query方式传递的值会以键值对的形式拼接到网址的后面, 与get请求传递数据 阅读全文
posted @ 2022-09-12 23:10 前端小白银 阅读(253) 评论(0) 推荐(0) 编辑
摘要: 跳转路由 方式一:path路径跳转。 传值可以使用params 传值和query传值 (缺点:不能传引用数据类型-数组,对象等) 方法一: <router-link to="/path">小说列表</router-link> 方法二: <router-link :to="path1">Box1</r 阅读全文
posted @ 2022-09-12 23:04 前端小白银 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 1.相关认识 后端路由:对于前端的网络请求,不同的pathname,去执行后端的不同业务 前端路由:不同的网址对应各自的页面 vue的前端路由:SPA应用要做出路由效果,就得判断当前网址,然后切换组件 vue-router就是专门做切换组件的功能,它是一个单独的技术,依赖vue 就像jQuery和d 阅读全文
posted @ 2022-09-12 22:52 前端小白银 阅读(90) 评论(0) 推荐(0) 编辑
摘要: 1、 异步加载组件:用不到的组件不会加载,因此网页打开速度会很快,当你用到这个组件的时候,才会通过异步请求进行加载; 官方解释:Vue允许将组件定义为一个异步解析(加载)组件定义的工厂函数,即Vue只在实际需要渲染组件时,才会触发调用工厂函数,并且将结果缓存起来,用于将来再次渲染。 2、 组件缓存起 阅读全文
posted @ 2022-09-12 22:24 前端小白银 阅读(1990) 评论(0) 推荐(0) 编辑
摘要: 缓存组件 <keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。 <keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。 <keep-alive> 与 <transition>相似,只是一个抽象组件,它不会在DOM树中渲染( 阅读全文
posted @ 2022-09-12 22:19 前端小白银 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 动态组件 所谓的动态组件就是在不同的组件之间进行动态切换。 Vue提供了一个特殊的元素<component>用来动态的挂载不同的组件 使用is 属性来选择要挂载的组件。 <component v-bind:is="mytemp"></component> mytemp可以是已经注册的组件的名字,也可 阅读全文
posted @ 2022-09-12 22:04 前端小白银 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 中央事件总线 中央事件总线就是一种设计思想,通过设计一种方法使得组件之间的传值不再需要通过其他的组件来进行传值的思路。 第一种:通过Vue提供的技术来实现 要想实现的话首先要学习三个功能: 1.触发x组件的a事件: x.$emit("a事件",参数...) 2.给x组件绑定a事件 x.$on("a事 阅读全文
posted @ 2022-09-09 00:29 前端小白银 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 祖孙之间的传值主要是靠祖组件的provide和孙组件的inject来进行传值,但是如果知识这两个的话就只能单向的由祖组件传给孙组件,而且值是无法通过控制台修改的,要是想弄成响应式的数据的话需要进行一系列的操作。 首先我们先实现无法修改的 到这里祖组件向孙组件的传值就完成了,但是这个传值是不能修改的, 阅读全文
posted @ 2022-09-08 23:55 前端小白银 阅读(2103) 评论(0) 推荐(0) 编辑
摘要: 在不用状态管理vuex的时候,如何让GrandFather与Son通信,我们可以用可以emit一层一层的传递:会显得冗余。 vue2.4之后,提出$attrs、$listeners ,可以实现跨级组件通信。 $listeners官网解说:事件传递 $attrs官网解说:属性传递 组件一:<two v 阅读全文
posted @ 2022-09-08 01:36 前端小白银 阅读(70) 评论(0) 推荐(0) 编辑