vue中实现点击一个按钮，从左边弹出页面的问题

首先看效果：

其次点击右箭头和外面的阴影部分以及任何一个路由，会使得从左侧移动过来的页面再移动回去。

核心代码：

附上所有代码 

注意点：

1. 点击按钮使得页面来回切换的核心原理是使用vue的 v-if属性，通过给对用的DOM节点添加click属性使v-if为true或者false来实现切换效果。
2. 使用transition包裹的目的是为了实现动画的缓慢效果。
3.  实现这种效果需要两个画布，第一个是类名为m-navbar，其position设置为fixed，设置半透明作为基层画布。第二个是类名为m-navba，其position设置为absolute，作为视图层画布（最上面的白色画布）（需要展现的内容都写在这个上面）。
4. 页面从什么方向进来是由设置的动画决定的。
5. 还有一个需要注意的点：基层画布不可使用transition包裹，否则会使得视图画布无法显示出来。