vue3.0api 封装(最新的函数式API发生了变动)(1)

状态不再是value,而是reactive和ref.

reactive和ref

vue3.0api 封装(最新的函数式API发生了变动)(2)

案例:

vue3.0api 封装(最新的函数式API发生了变动)(3)

看看都有哪些API?

setup

vue3.0api 封装(最新的函数式API发生了变动)(4)

在JSX中的用法:

vue3.0api 封装(最新的函数式API发生了变动)(5)

setup函数可以接受一个参数,并且是响应式:

vue3.0api 封装(最新的函数式API发生了变动)(6)

computed

计算属性变成一个方法,并且可以接受函数或对象为参数:

vue3.0api 封装(最新的函数式API发生了变动)(7)

生命周期

带前缀onXXX,基本不变:

vue3.0api 封装(最新的函数式API发生了变动)(8)

改变了4个,更统一了:

vue3.0api 封装(最新的函数式API发生了变动)(9)

欢迎关注

,