vue3.0和vue2.0的区别

举例说明:

实现监听鼠标移动坐标

vue2.0写法



vue3.0写法



vue 3.0新增:

ref reactive onMounted onUnmounted setup toRefs watchEffect

取代 data 和created声明周期函数

computed和watch按需引入

修改ref值在value里修改 例x.value

watch监听区别监听size变量值

vue3.0和vue2.0的区别_第1张图片

父子传值

vue3.0和vue2.0的区别_第2张图片


 

vue3.0和vue2.0的区别_第3张图片

vue3.0和vue2.0的区别_第4张图片

vue3.0和vue2.0的区别_第5张图片

vuex新增

vue3.0和vue2.0的区别_第6张图片

vue3.0和vue2.0的区别_第7张图片

使用

vue3.0和vue2.0的区别_第8张图片

vue-router新增

vue3.0和vue2.0的区别_第9张图片

vue3.0和vue2.0的区别_第10张图片

你可能感兴趣的:(vue3.0和vue2.0的区别)