有关Vue的问题记录

不知道什么时候升级到Vue4了 阿巴阿巴
面试实习的时候问了Vue2和Vue3有什么区别，除了知道vue3没有vue.config.js别的一无所知 下面就来理一理Vue2 Vue3 Vue4的差别

Vue2和Vue3

1. 文件结构

   1.vue-cli3.0移除了配置文件目录，config 和 build 文件夹
   2.同时移除了 static 静态文件夹，新增了 public 文件夹， index.html 也被移动到 public 中

setup

setup函数是处于生命周期函数 beforeCreate 和 Created 两个钩子函数之间的函数 也就说在 setup 函数中是无法使用 data 和 methods 中的数据和方法，而methods等可以使用setup中return出去的数据。

Vue3 生命周期函数用法, 需要引入 (注：vue2 生命周期函数不影响)

render

reactive

• reactive的用法与ref的用法相似，也是将数据变成响应式数据，当数据发生变化时UI也会自动更新。不同的是ref用于基本数据类型，而reactive是用于复杂数据类型，比如对象和数组
• reactive 函数用于传入一个非响应式普通 JS 对象，返回一个响应式数据对象，而 isReactive 函数用于判断一个对象是否是一个响应式对象。