vue3对比vue2的改变

vue3正式版本刚刚发布,虽然之前就看过预览文档, 但是这次是发布的正式版本值得好好总结一番
在阅读vue3文档之前应当先了解proxy以便更好的理解 Composition Api(组合api)
vue3文档地址

vue3对比vue2的改变

对比

0. main.js中的改变

   import { createApp } from 'vue'
   // 创建App
   const app = createApp({})
   // 挂载路由, 全局组件, 全局指令等操作
   // 按道理来说vue2的挂载组件库的操作也是在这个中间执行的
   app.use(VueRouter)
   // 将app链接到#app元素中
   app.mount('#app')
   
   

1. 删除了filters 官方建议使用计算属性或者方法代替过滤器

2. template中可以写多个标签

   <template>
     <header>...header>
     <main v-bind="$attrs">...main>
     <footer>...footer>
   template>
   

3. 新的动态绑定ref的方式

4. key属性

   • 对于 v-if/v-else/v-else-if 的各分支项 key 将不再是必须的，因为现在 Vue 会自动生成唯一的 key。