加入收藏 | 设为首页 | 会员中心 | 我要投稿 威海站长网 (https://www.0631zz.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

vue中setup语法糖写法实例

发布时间:2023-01-29 15:31:51 所属栏目:PHP教程 来源:转载
导读: 变量声明定义的时候,不需要返回可以直接使用即可
没有使用setup语法糖时写法

import {useStore} from 'vuex'
export default {setup() { const store=useStore() const plus=()=>{

变量声明定义的时候,不需要返回可以直接使用即可

没有使用setup语法糖时写法

使用setup语法糖写法

toRefs解析reactive数据,可以通过解构赋值进行数据获取

在setup中使用toRefs来解析对象,在非setup中使用...toRefs()方法来解析,这也是一个区别

setup语法糖组件只需要导入,不需要注册组件


在非setup语法糖中我们需要使用components来注册子组件

setup语法糖中父子组件通信也发生了变化,使用defineProps和defineEmits来进行父子组件通信

父传子

父组件

子组件


子传父

父组件

子组件


关于vue中setup语法糖写法实例的文章就介绍至此,更多相关vue setup语法糖内容请搜索编程宝库以前的文章PHP语法,希望以后支持编程宝库!

下一节:Nest复杂查询示例解析JS 编程技术

Nest 复杂查询复杂查询包括分页、模糊查询、多条件筛选、排序等,满足前端对查询的所有诉求。Nest 复杂查询,主要使用 repository.findAndCount()方法实现。假设有一个能分页查询 ...

(编辑:威海站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!