开发者学堂课程【Vue.js 入门与实战：路由-为路由切换启动动画】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/586/detail/8196
路由-为路由切换启动动画
上节已经学习过了点击路由实现切换，本节主要为这个切换过程，添加一个动画效果：
//创建vue实例，得到ViewMode1
var Vm = new Vue({
el: ‘#app'
data: {} ，
methods: {}
router：routerobj//将路由规则对像，注册到vm实例上用来监听url 地址的变化，然后展示对应的组件
}) ;
</ script>
给图片加动画：
代码：
第一步：
<transition>
<router-view></router-view>
</ transition>
第二步：
.v-enter ,
.v-leave-to{opacity: 0;
transform: translatex(140px);
.v-enter-active,
.v-leave-active {
transition: al1 0.5s ease;}
输出的结果：
已经有了过渡效果，但不是很美观，所以再给其添加一个过渡模式：
<transition mode=“out-in”>
<router-view></router-view>
</ transition>
这就是路由通过动画控制，这样会让用户感觉操作起来比较流畅。
