快速辨别Vue版本的8个关键方法

  1. 全局API创建方式(最明显特征)

    // Vue3特征
    import { createApp } from 'vue'
    const app = createApp(App)
    app.mount('#app')
    
    // Vue2特征
    import Vue from 'vue'
    new Vue({ el: '#app' })
  2. 组合式API语法

    
    
  3. 响应式系统差异

    // Vue3使用ref/reactive
    const data = reactive({...})
    
    // Vue2基于data选项
    data() { return {...} }
  4. 生命周期函数命名

    // Vue3将destroyed改为unmounted
    onBeforeUnmount()  // ← 新生命周期
  5. 根元素限制

    
    
  6. 内置组件差异

    
    
           
  7. v-model用法

    
      

快速判断步骤:

  1. 检查main.js是否存在createApp() → 有则为Vue3
  2. 查找

你可能感兴趣的:(前端,vue.js,前端,javascript)