当前位置: 首页 > 网络应用技术

vue3.0设置中的SFC更改

时间:2023-03-07 16:28:49 网络应用技术

  在VUE中,SFC(单文件组件)是指文件后缀名称的特殊文件格式,该格式允许VUE组件中的模板,逻辑和样式封装在单个文件中。

  以下是基本的SFC

  VUE3.0在最新的SFC提案中启动了著作。让我们看一下新提案的变化。

  在使用TS的情况下,标准SFC需要使用它来进行类型推理。

  启动的目的是使开发人员更有效地开发组件,减少模型内容并减少开发负担。仅在脚本标签中添加设置属性,您可以将脚本转换为设置功能。同时,默认情况下,变量,功能和导入的组件会暴露于模板上。

  无需手动安装组件,您可以在模板中使用它,有效且快速。其他变量以及Compute,Watch和其他属性等顶级API与原始标准写作相同。

  在设置中,接收道具时需要使用子组件。这是只能在设置语法中使用的API。LET首次对标准写作,如何接收道具。

  注意:使用SFC-Setup语法,无需介绍DefineProps

  在这里,我们只需要简单地声明道具,而写作非常简单。

  那么如何进行道具的类型检查?

  如何使用TS进行类型注释?

  我们发现没有给出默认值。在TS写作方法中,有两种方法可以为Props设置默认值的默认值

  DefineProps返回一个对象,我们可以解构返回对象并同时给出默认值。

  启动了官方的后续内容,以提供道具的默认值;fortDefaults将检查默认值。

  要在设置中使用事件,您需要使用它。这也只能在SFC-Setup语法中使用。