第二十八节——setup

一、介绍

setup 一个组件选项,在组件被创建之前,props 被解析之后执行。它是组合式 API 的入口。

二、基本写法


三、好处

1.解决了vue2的data和methods方法相距太远,无法组件之间复用

2.提供了script标签引入共同业务逻辑的代码块,顺序执行

3.script变成setup函数,默认暴露给模版

4.组件直接挂载,无需注册

四、setup函数(了解)

在 setup 中你应该避免使用 this,因为它不会找到组件实例。setup 的调用发生在 data property、computed property 或 methods 被解析之前,所以它们无法在 setup 中被获取。

setup() 钩子是在组件中使用组合式 API的入口,通常只在以下情况下使用:

1、需要在非单文件组件中使用组合式API时

2、需要在基于选项式API的组件中集成基于组合式 API的代码时

其他情况下,都应优先使用 // 一般来说我们如果选择使用组合式API的玩法直接在script标签上增加setup属性

你可能感兴趣的:(前端,javascript,开发语言)