Vue setup语法糖

简介: Vue setup语法糖

Vue setup语法糖


setup语法糖指的是Vue组件当中的setup字段

Vue3 的一个新语法糖,在 setup 函数中。

所有 ES 模块导出都被认为是暴露给上下文的值,并包含在 setup() 返回对象中。

相对于之前的写法,使用后,语法也变得更简单。

使用方式就是仅需要在 script 标签加上 setup 关键字即可。

<script setup></script>


setup语法糖的一些优势


组件自动注册

在 script setup 中,引入的组件可以直接使用,无需再通过components进行注册,如果是export default

的写法,还需要使用components选项内注册引入的组件。

变量和方法无需返回,直接使用

在之前的写法中,定义数据和方法,都需要在结尾 return 出去,才能在模板区中使用。在 script setup 中,

定义的属性和方法无需返回,可以直接使用


相关文章
|
2天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
1天前
|
JavaScript API
vue学习(13)监视属性
vue学习(13)监视属性
8 2
|
1天前
|
JavaScript
vue 函数化组件
vue 函数化组件
|
1天前
|
JavaScript
vue知识点
vue知识点
6 2
|
2天前
|
JavaScript
vue中watch的用法
vue中watch的用法
|
1天前
|
JavaScript 前端开发
vue学习(15)watch和computed
vue学习(15)watch和computed
8 1
|
1天前
|
JavaScript
vue学习(14)深度监视
vue学习(14)深度监视
10 0
|
前端开发 API
Vue3入门到精通-setup
Vue3入门到精通-setup
|
2天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
9天前
|
JavaScript 前端开发
vue学习(6)
vue学习(6)
29 9