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(细化了)
前端学习笔记-8.11.vue.1.0与vue.2.x中的一点变化
比如:
&.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

相关文章:

  • 2021-07-11
  • 2022-01-18
  • 2021-10-07
  • 2021-10-24
  • 2022-12-23
  • 2021-11-07
  • 2022-12-23
  • 2021-04-21
猜你喜欢
  • 2021-11-30
  • 2022-12-23
  • 2022-12-23
  • 2021-07-04
  • 2022-12-23
  • 2022-12-23
  • 2021-09-01
相关资源
相似解决方案