setup用法

首页 > 实用技巧 > 作者:YD1662024-02-02 05:10:12

没人翻译,自己翻译:

setup用法,(1)

setup

setup函数是作为一个新的组件选项。它作为在组件内部使用Composition API的入口。

一、调用时机

创建组件实例时,并且props初始化解析完成后,setup函数立即调用。其能够智能性地选择在beforeCreate钩子之后而在created钩子之前调用。

二、模板用法

如果setup返回的是一个对象,该对象上的属性将合并到组件模板的渲染上下文中:

setup用法,(2)

请注意,setup返回的refs对象会自动展开在模板中,因此不需要写属性.value

三、渲染函数/ JSX的用法

setup 也可以返回一个渲染函数,可以直接在同域内声明要使用的响应式状态

setup用法,(3)

需要注意的是,.value不能省略,模板template中就可以。

四、参数

setup函数接收解析后props作为其第一个参数

setup用法,(4)

首页 123下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.