Vue3.2语法糖使用总结

计算机软件开发 · 2024-9-25 01:23:51

Vue3.2语法糖使用总结

一. 概述

在Vue2时期，组件里界说的各类变量、方法、盘算属性等是分别存放到data、methods、computed等选项里，如许编写的代码不便于后期的查阅，查找一个业务逻辑必要在各个选项来回切换。vue3.0组合式APIsetup函数的推出就是为相识决这个问题，它让我们的逻辑关注点更加会集，语法也更加精简，但是当我们在使用vue3.0的语法就构建组件的时间，总是必要把外面界说的方法变量必须要return出去才气在<template>，比力贫苦一些. vue3.2语法糖的出现以及一些新增的API，让我们的代码进一步简化。
什么是语法糖？

语法糖（英语：Syntactic sugar）是由英国盘算机科学家彼得·兰丁发明的一个术语，指盘算机语言中添加的某种语法，这种语法对语言的功能没有影响，但是更方便步伐员使用。语法糖让步伐更加简便，有更高的可读性。
Vue3.2语法糖

来看下vue3.0与vue3.2的单文件组件（SFC，即.vue 文件）的结构对比

vue3.0组件

Vue3.2语法糖使用总结

所属分类: 问答交流

新帖推荐: 30日

推荐作品