实现页面跳转的方法

实现页面跳转的方法

1 前端路由（真实跳转）

router-view

主要用来构建单页面应用，

使用url中的hash来匹配路由地址，根据匹配到不同的路由，显示不同页面（组件）

可以有多个子路由

router-link

跳转到About

点击了页面中 ”跳转到about“这几个字后，就会跳转到 to 对应的路由地址 “/about”

router.push() 或者 router.replace()

2 对话框（假跳转）

通过对话框实现跳转效果的话，需要将对话框布满整个屏幕，遮住原来页面，达到假跳转

可以使用el-dialog/a-modal组件; 也可以自己写对话框

3 vue指令（假跳转）

都是通过隐藏原来的页面，然后将像想要显示的页面展现给大家，从而达到一种跳转的效果，实际上没有发生页面的跳转，是加跳转

一般将不同的内容封装成组件，更好控制

v-if

通过是否渲染标签元素来实现显示与隐藏

v-show

通过display这个属性来控制显示与隐藏