前端学习笔记-8.11.vue.1.0与vue.2.x中的一点变化

vue.1.0中的v-el，和v-ref在vue2.x中被移除了，
用ref来代替,
写法：ref=“名字”
在js中用$refs获取元素
命名方法也稍有些改变，改为驼峰命名法

比如：

this.menuScroll = new BScroll(this.$els.menu-wrapper, {
        click: true
      })

写成

this.menuScroll = new BScroll(this.$refs.menuWrapper, {
        click: true
      })

动画也改变了
css动画由
.v-transition, .v-enter and .v-leave
增加至
.v-enter,v-enter-to,.v-leave,v-leave-to,
v-enter-active和v-leave-active(细化了)

比如：
&.move-enter,&.move-leave-to
opacity: 0
transform: translateX(24px)
.inner
transform: rotate(90deg)
&.move-enter-to,&.move-leave
opacity: 1
transform: translateX(0)
.inner
transform: rotate(270deg)
&.move-enter-active,&.move-leave-active
transition: all 0.3s linear