⑩ vue新特性

ref 或者reactive

ref相当于data
⑩ vue新特性_第1张图片

methods

⑩ vue新特性_第2张图片

props和context

props
⑩ vue新特性_第3张图片
⑩ vue新特性_第4张图片
!!!setup中没有this关键字,使用context(简写:ctx)就是this
⑩ vue新特性_第5张图片

在steup中使用生命周期函数

⑩ vue新特性_第6张图片
⑩ vue新特性_第7张图片

Provide / Inject

1、原来是 a传b,b传c,用这个后可以之间 a 传c
2、只能在setup()中使用
3、只能父组件传子组件,不能子组件传父组件

  • 父组件使用provide()传给子组件数据
  • 子组件使用inject()接收父组件传来的数据

4、不限层级
父组件
⑩ vue新特性_第8张图片
子组件
⑩ vue新特性_第9张图片

Fragment

就是外层可以不加这个div
⑩ vue新特性_第10张图片

你可能感兴趣的:(vue复习一下,vue.js,前端,javascript)