vue3的setup方法注意事项

https://juejin.cn/post/7123213441875050526

在setup中返回一个方法有两种方式：

方式一：

 setup(props, context) {const  handleClick = ()=>{ alert('中国冬奥健儿们加油!') }return { handleClick }}

方式二：

   setup(props, context) {function handleClick() { alert('中国必胜!')}return { handleClick }}

vue3的setup方法注意事项相关推荐

vue3 script setup写法
公司代码扫描要求一个函数不能超过50行,那么一般vue3写法setup函数肯定超了,又懒得写到hooks,同事介绍了去年vue3出的新的语法糖,研究了下,写篇博客简单的将,去掉了exprot def ...
vue3使用setup代替created
vue2中的created可使用vue3中的setup()来代替. setup() :开始创建组件之前,在beforeCreate和created之前执行.创建的是data和method. 如果想要在 ...
vue3的setup语法糖和props和emit
1.setup 新的组件选项,在创建组件之前执行,并作为组合式 API 的入口点可以后台打印一下 proxy 不管是函数还是对象属性方法都是合并在里面的哟一般不要混合使用:methods中 ...
便利贴--43{vue3+ts+setup+ArcoDesign 表格和表单单页模板（整合）} --舍弃--不删--不更新
便利贴--43{vue3+ts+setup+ArcoDesign 表格和表单单页模板(整合)} --舍弃--不删--不更新前言 tableOnce.vue affuxFormModal.vue 前 ...
vue3之setup的使用理解
1.vue3中的setup有什么用 setup的设计是为了使用组合式api 2.为什么不用之前的组件的选项 data.computed.methods.watch 组织逻辑在大多数情况下都有效.然而, ...
Vue3在setup语法糖下的父子组件传值
文章目录前言一.前期准备二.初始化项目 1.父组件传值给子组件 2.子组件传值给父组件 3.完整代码总结前言 vue版本大于>3.2 使用setup语法糖一.前期准备 setup介绍 ...
Vue3.0 setup的使用及作用
目录开篇: 1.什么是setup 2.setup怎么使用 3.setup中包含的生命周期函数 3.setup相关参数 4.setup特性总结总结开篇: 从vue2升级 vue3,vue3是可以兼 ...
jQuery中append、insertBefore、after与insertAfter方法注意事项
jQuery中append.appendTo.prepend.prependTo.before.insertBefore.after与insertAfter方法注意事项这里列的是针对初学jQuery ...
vue3中setup()函数的使用二
vue3的使用 <template><div id="one"><img src="http://127.0.0.1:9000/upload ...

vue3的setup方法注意事项

vue3的setup方法注意事项相关推荐

最新文章

热门文章