vue2.x与vue3.x语法对比浅析( 二 ) Vue3.0推出已有一段时间了

computed 和vue2.x差不多，只是使用前要先引入。
文章插图

watchEffect 监听

通过ref或者reactive去创建多个响应式的值，当任何一个值发生改变的时候，立即触发这个函数。

文章插图
watchEffect方法会返回一个stop handle停止监听。

文章插图

router 路由

vue3.x的router和route属性也有了很大的变化，在vue2.x中使用this.$router路由跳转， this.$route获取当前页面路由信息。

// 路由跳转import { useRouter} from "vue-router"; setup(){const router=useRouter()router.push('/path')}// 获取当前页面路由信息import { useRoute} from "vue-router"; setup(){const route=useRoute()console.log(route) //这里的route相当于vue2.x中的this.$route}