饿了么--VUE项目知识点总结

时间:2022-12-28 12:02:17

1.在vue中通过在元素上添加ref=‘abc-abc’,然后通过this.$refs.abcabc就可以获取原生dom元素,但是在新版的vue中属性ref的值不能添加-,添加的话会报错。

饿了么--VUE项目知识点总结

2. 在使用<transition></transition>时类名的组合如下:

1     .move-enter-active, .move-leave-active {//带active的应该写在前面
2 transition: all 0.4s linear; 3 transform: translate3D(0, 0, 0) rotate(0); 4 opacity: 1; 5 } 6 .move-enter, .move-leave-active {//此处应该是 *-leave-active 不是*-leave
7 transform: translate3D(24px, 0, 0) rotate(180deg); 8 opacity: 0; 9 }