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中watch的用法
vue中watch的用法
|
2天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
1天前
|
JavaScript API
vue学习(13)监视属性
vue学习(13)监视属性
10 2
|
1天前
|
JavaScript
vue 函数化组件
vue 函数化组件
|
1天前
|
JavaScript 前端开发
vue学习(15)watch和computed
vue学习(15)watch和computed
9 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)
30 9