了解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又无知的白色。
期待今年年底,它来了。太多和太多什么也没说。我希望将它发送到这个地方,没有人知道自己并获得一些不同的收获。
谢谢,您可以在这里看到。