vue3实战-完全掌握ref、reactive #

点击查看vue3实战-完全掌握ref、reactive

重点 #

vue3的hooks用ref类型来传递响应变量

hooks的两种写法 #

一:变量提供

例子

二:变量加工

例子

vue3

watch 监听的写法 computed实际上是ref #

reactive对象中带一个ref的值 例子

vue3让一个用vue2的this,例如在vue3中强制更新dom使用 forceUpdate() #

使用vue实例的api

关于获取vue实例的坑

为什么getCurrentInstance没有更新在文档中

vue3中watch的用法 #

watch

结论： 当我们使用watch侦听引用对象时

• 若使用

  ref
  

  定义的引用对象：

  • 只要获取当前值，watch第一个参数直接写成数据源，另外需要加上deep:true选项
  • 若要获取当前值和先前值，需要把数据源写成getter函数的形式，并且需对数据源进行深拷贝

• 若使用

  reactive
  

  定义的引用对象：

  • 只要获取当前值，watch第一个参数直接写成数据源，可以不加deep：true选项
  • 若要获取当前值和先前值，需要把数据源写成getter函数的形式，并且需对数据源进行深拷贝

vue3中的hooks与react中的hooks的区别 #

不要再说 vue3 抄袭 react hook 了！从本质出发解读两大框架的区别

vue3中的hooks与vue2的mixins的区别 #

Vue3 Composition API如何替换Vue Mixins