Vue3的setup()学习

setup()执行的时机

  • setup()在beforeCreate之前执行一次,this是undefined
    Vue3的setup()学习
    Vue3的setup()学习

setup()的参数

1.props

props值为对象,包含:组件外部传过来的且组件内部声明接收了的属性。
Vue3的setup()学习
查看一下:
Vue3的setup()学习

2.context

上下文对象,包含以下三个内容:

attrs:值为对象。包含组件外部传过来且在组件内部没有声明的属性,相当于this.$attrs.

以下sex属性没有在Demo.vue组件中声明。
Vue3的setup()学习
可以看到:
Vue3的setup()学习

slots:收到的插槽内容。

emit: 分发自定义事件的函数,相当于this.$emit

和VUE2有区别的地方在于,子组件发送事件时

  • 使用context.emit('xxx', 'xxx')
  • 要和props一样,写一个emits:[""],否则报警告。
    Vue3的setup()学习
上一篇:original_keras_version = f.attrs[‘keras_version‘].decode(‘utf8‘)


下一篇:Android(十四):按钮水波效果