当前位置: 首页 > 网络应用技术

vue-router路由各种跳跃,传递参数,小知识

时间:2023-03-08 10:38:25 网络应用技术

  了解Vuex的操作后,您应该在Vue中学习路由操作。

  VUE-CLI安装

  完成此步骤后,已经完成了基本环境。

  项目中还会有一个

  文件夹,内容如下:

  最终暴露了,只是暂时没有谈论它。

  实际上,基本路由安装后您已经有示例。

  在应用程序组件中,有以下两行代码,实际上是路由的含义。

  我们曾经使用标签,这里只是为了包装它。这里的配置是每个路径对应于哪个组件。

  效果如下:

  单击后可以跳跃。

  这是最基本的。完成了,因为我们使用此方法很少。基本上,我们必须在路由跳跃期间做很多事情。

  但是每个人都发现,只有内容改变了,为什么?

  因为应用程序组件中的代码表示切换路由时,组件的内容在此处显示。

  这是最基本的,每个人都可以随便玩,我们不要说太多。

  问一个小问题,在此路由跳跃期间的哪个组件被隐藏或摧毁?

  效应图:

  分别在家中和周围的路线也很容易。

  让我们先添加两个组件

  让我们再次配置。

  实际上,涉及这种属性,即与上层路线形成父亲的关系。娃娃的两个层是这样的,所以无论套装有多多,它都结束了。

  一旦一次很酷,我一直很酷

  影响

  让我们再添加一个子透射以实现它的路线。还更改原始组件。

  MessageItem组件

  NewsItem组件

  在这里???后来用于接收路由。

  新闻组成部分

  消息组件

  第一种类型:to -streaming方法的字符串写作方法,组件的值为

  消息组件

  引号添加在正面的前面,中间的内容也用符号修改。

  MessageItem组件

  第二个:对象方法与上述相同。

  第一种类型:TO的字符串写作仍然相似,但必须在路由规则中进行配置

  接收也略有变化:

  第二:对象写作:必须在这里使用它,即配置的路由名称,不能使用路由路径。

  我们考虑一个问题。

  您是否认为或采用像这样的路线经过的价值,是重复的吗?

  采用每个值,您必须编写它还是此前缀,您感到非常重复吗?

  (一个或两个仍然很简单。如果有更多的日子,这必须是懒惰的?)

  1)道具配置方法1:传递参数参数的父组件不需要更改,

  让我们更改接收子组件

  2)道具配置方法2:考虑一下。仅当参数传递到典型时,上述方法才能缩写。那么,如果将其传输到查询参数方法,该怎么办?

  道具配置实际上可以更改为功能。

  注意:请记住练习时,

  无论我们要收到什么,我们都会在这里写作。当我们到达子组件时,我们可以直接使用它。

  解构

  更懒惰的是连续解构:

  果然,使人们进步是懒惰的。

  我们使用它来实现路由跳跃,但在实际开发中,跳跃是通过单击按钮或触发了哪些事件的触发的,因此使用并不特别合适。只有一条编程路线。

  使用该方法跳跃

  如果是参数,则与以前相同;

  还必须更改相关信息,在路线中配置的道具。

  我们必须熟悉浏览器中的前进按钮。

  实际上,这也可以以编程方式实施。

  实际上,它们是通过API实现的,但是如果它没有痕迹,那仍然是不可能的,因为这些实现仍然需要依靠浏览器的历史记录。

  效应图:

  功能:保持含糊的路由组件安装座,而不会被破坏。

  我们在MessageItem组件中编写钩函数

  当我们从MessageItem组件切换到其他页面时,将打印此功能。

  但是,如果我们使用他的父母组件更改为以下内容。

  :组件名称为worge.component name.component name。

  如果您不写包含,则默认情况下将其缓存,不会被销毁。

  以这种方式编写将确保在切换过程中不会破坏消息词。

  如果开关异常频繁,我认为可以添加它。

  在第六部分中,我们可以缓存组件,但与此同时,汽车组件的生命周期的钩子函数将失败。

  然后,将不会执行某些拆卸操作(例如,切换路由和计时器悬挂),因此有两个带有两个路由的唯一生命周期钩功能。

  让我们一起做!交点截形,如果文章中有任何不利条件,请及时指出,并郑重地感谢您。

  我必须在纸上感觉浅。

  大家好,我是博客

  一个喜欢文学和艺术但踏上编程之路的年轻人。

  希望:。

  一方面,老师要求学习,另一方面,这也是事件。两者之间的碰撞,让我学习前端vue,并在学习过程中审查了JavaScript和CSS知识。换句话说,本月的收获非常充实。

  就我而言,对Vue的研究仍在开始。对于这个领域,我看起来更像是鲁ck又无知的白色。

  期待今年年底,它来了。太多和太多什么也没说。我希望将它发送到这个地方,没有人知道自己并获得一些不同的收获。

  谢谢,您可以在这里看到。