1.vue2与vue3的原理区别
Vue2使用的是Object.defineProperty ()进行数据劫持,结合发布订阅的方式实现。
Vue3使用的是Proxy代理,使用ref或者reactive将数据转化为响应式数据。
2.数据和方法的定义
Vue2使用的是选项类型API(OptionsAPI)
Vue3使用的是合成型API(Composition API)
Vue2:data() { return {}; }, methods:{ }
Vue3:数据和方法都定义在setup中,并统一进行return{}
3.获取props
vue2:console.log(‘props’,this.xxx)
vue3:setup(props,context){ console.log(‘props’,props) }
4.给父组件传值emit
vue2:this.$emit()
vue3:setup(props,context){context.emit()}