vue2和vue3的区别

vue2

双向绑定原理:采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineproperty()来劫持各个属性的setter和getter,在数据变动时,发布消息给订阅者触发相应的监听回调

缺点:只能劫持对象的属性,所以要遍历整个对象,当在data中没定义时,需要用this.$set()来进行双向绑定

vue3

利用es6的proxy代理拦截数据

数据和方法都定义在setup中,然后都要用return返回,再用reactive函数给每个对象包一层对象

setup() {
    let title = '标题'
    let state = reactive({
        formData: {
          name: ''
        }
    })
    return {
      title,
      state
    }
}

2.生命周期发生改变

vue3去掉了beforecreate,created这两个生命周期,变成了setup

3.数据和方法的定义

vue2

data(){return {}}

methods: {}

vue3:

数据和方法都定义在setup中

小白一枚,有不对之处欢迎指出~