vue2.x与vue3.x语法对比浅析( 二 )

computed 和vue2.x差不多 , 只是使用前要先引入 。
vue2.x与vue3.x语法对比浅析文章插图

  • watchEffect 监听
通过ref或者reactive去创建多个响应式的值 , 当任何一个值发生改变的时候 , 立即触发这个函数 。
vue2.x与vue3.x语法对比浅析文章插图
watchEffect方法会返回一个stop handle停止监听 。
vue2.x与vue3.x语法对比浅析文章插图
  • 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}
vue2.x与vue3.x语法对比浅析文章插图
好了 , 就先分析到这么多 , 后续也会陆续分享一些新变化 。 欢迎一起交流讨论!