Skip to main content

进阶概念

<setup script>setup()核心区别

核心区别就是默认组件实例导出的成员不同

  • vue2.x时代,我是可以在引入的组件上通过this.$ref.组建名称.xxxx来直接访问指定组件的内部属性,理论上这一套逻辑与单向数据流的这个概念造成了冲突
  • setup()默认情况下暴露所有成员,通过执行expose()不提供任何参数,组件不暴露任何成员,或者暴露指定的成员
  • <setup script>语法糖默认情况下内部自动执行expose()不暴露组件任何内部成员,通过defineExpore({xxx:xxx})来指定暴露的成员,确保了组件对单向数据流原则的保证