yuroll的博客

使用前提是：在根组件App.vue中，引入 --> 注册 --> 使用。不引入，则不能使用。在main.js中，引入 --> 注册 为全局组件后，在任意子组件中可直接使用该全局组件。如页面中header、footer部分。公用组件（=全局组件）

v-show：css样式display:none控制是否显示。v-if：直接移除or添加DOM元素，性能差。若true为显示，false为隐藏。

router-link>：渲染成标签。$router.push('/home')是针对非标签的元素，如button等。：该标签是一个vue-router中已经内置的组件，它会被渲染成一个标签。：该标签会根据当前的路径，动态渲染出不同的组件。新建src/router/index.js。

作用：路由独有的生命周期钩子，用于捕获路由组件的激活状态（切换显示于不显示）-->路由组件被激活时触发。-->路由组件被失活时触发。

在父组件(上层组件)中，编写 作用：让不展示的路由组件保持挂载，不被销毁。也可以指定仅缓存某组件的数据。

replace作用：控制路由跳转的页面历史记录。以上两种写法均可，开启replace模式！push作用：追加新的页面，保留原页面。

作用：让路由组件更方便收到参数。

注意：params 若用to的对象写法，只能用name，不能用path。

【代码】路由的query参数。

2、跳转(要写完整路径)

网页的其他内容，比如顶部的标题/导航，或者底部的一些版权信息等会和处于同一个等级。：该标签是一个vue-router中已经内置的组件，它会被渲染成一个标签。在路由切换时，切换的是挂载的组件，其他内容不会发生改变。history.pushState相当于栈的操作，先进后出，弹栈和入栈的操作。history.go(-1) 相当于 history.back()；history.forward 相当于history.go(1)；

跳转事件js中，设置push的路径。方式 一：字符串形式。