【6月日新计划更文活动】第29天

Vue3相比Vue2的其他改变

• data 选项应始终被声明为一个函数

• 过度类名的更改

  • Vue2写法

    .v-enter，
    .v-leave-to{
        opacity:0
    }
    .v-leave，
    .v-enter-to{
        opacity:1
    }
    

  • Vue3写法

    .v-enter-from,
    .v-leave-to{
        opacity:0
    }
    .v-leave,
    .v-enter-to{
        opacity:1
    }
    

  • 移除keyCode作为v-on的修饰符，同时也不再支持config.keyCodes

  • 移除v-on.native修饰符

    • 父组件中绑定事件

    • <my-component 
          v-on:close="handleComponentEvent"
          v-on:click="handleNativeClickEvent"
      />
      

    • 子组件中声明自定义事件

    •  <script>
         export default{
           emits:['close']
         }
       </script>
      

    • 移除过滤器 (filter) (可以用方法调用或者计算属性去替换过滤器)
    • ……