纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页IT学院IT技术

vue3:setup的两个注意点 vue3:setup的两个注意点详解

公孙元二   2021-10-09 我要评论
想了解vue3:setup的两个注意点详解的相关内容吗,公孙元二在本文为您仔细讲解vue3:setup的两个注意点的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:vue,setup,setup注意点,下面大家一起来学习吧。

在vue2中

父组件传属性给子组件

在这里插入图片描述

子组件接收属性

在这里插入图片描述

在这里插入图片描述

如果没有接收,则需要在$attrs里才能收到,缺点是没有对类型作限制,以及使用的时候名字比较长

在这里插入图片描述

在这里插入图片描述

使用的时候名字比较长

在这里插入图片描述

vue2,父组件在子组件里使用插槽

在这里插入图片描述

在这里插入图片描述

打印插槽里的内容

在这里插入图片描述

如果父组件使用了子组件2个插槽

在这里插入图片描述

在这里插入图片描述

父组件在子组件使用具名插槽

在这里插入图片描述

在这里插入图片描述

在vue3中

setup的注意点

在这里插入图片描述

setup生命周期在beforecreated之前

在这里插入图片描述
在这里插入图片描述

setup可以拿到两个参数,props和context

给子组件传2个属性

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

打印context

在这里插入图片描述

在这里插入图片描述

context.attrs

与vue2类似,如果只声明部分,则剩下的在attrs属性里面

在这里插入图片描述

在这里插入图片描述

context.emit

给子组件添加监听事件

在这里插入图片描述

在这里插入图片描述

context.slot

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

如果传一个具名插槽

在这里插入图片描述

或者(推荐这种)

在这里插入图片描述

打印

在这里插入图片描述

如果传2个具名插槽

在这里插入图片描述

在这里插入图片描述

总结

在这里插入图片描述

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注的更多内容!


相关文章

猜您喜欢

  • Python %操作符格式化字符串 Python怎样利用%操作符格式化字符串详解

    想了解Python怎样利用%操作符格式化字符串详解的相关内容吗,为时不晚,只争朝夕在本文为您仔细讲解Python %操作符格式化字符串的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:python中格式化符号,python输出字符串的格式控制,Python操作符格式化字符串,下面大家一起来学习吧。..
  • Python Tensorflow2 OPP Python强化练习之Tensorflow2 opp算法实现月球登陆器

    想了解Python强化练习之Tensorflow2 opp算法实现月球登陆器的相关内容吗,我是小白呀在本文为您仔细讲解Python Tensorflow2 OPP的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:Python,OPP,Python,OPP,月球登陆器,Python,Tensorflow2,下面大家一起来学习吧。..

网友评论

Copyright 2020 www.ebook4download.net 【E4软件站】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式