学习Uni-app开发小程序Day9

学习Uni-app开发小程序Day9

码农世界 2024-05-17 前端 59 次浏览 0个评论

        今天学习了组件,组件在整体的开发中,属于重要的功能,因此学习的内容多,这里就做个记录;

        创建一个局部组件

        要创建组件的时候,在项目下,创建一个文件夹,components,创建这个文件夹后,所有的组件都在这个文件夹下创建。点击新建,这里会直接是创建一个组件,选择需要创建的组件模版,然后就进入到组件中了。(这里记得,在创建组件名称的时候,使用驼峰行式的,或者是成为这种方式:xxx-xxx,使用小写字母然后用横线的方式)

        使用的过程中,要使用的方法是,组件名称,在要使用的地方,用组件名称去创建;例如:,这就在父组件中引用了子组件了。传递参数,就是在子组件中定义好接受的参数,使用的是:defineProps(这里面写参数,如果不加参数的校验,就使用中括号的方式['名称']),如果要做校验的,就要使用这种方式:defineProps({参数名:类型}),如果要添加默认值,就要使用defineProps({参数名:{type:类型,default:默认值}});传值的时候,是在父组件中,使v-bind的方式,:子组件定义的参数名=“值或者定义的变量名”;在组件中也可以传递对象,下面我先把子组件的代码标记出来;



这个组件中的注释,是在使用过程中做的笔记

在父组件中使用方式:




这就是今天学习的组件,这才是组件的最基础,还有很多需要学习的。这里还有个要说下,defineProps,这是在vue中的api里面学习的,还是需要把这个多看下,方便后期的学习

转载请注明来自码农世界,本文标题:《学习Uni-app开发小程序Day9》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,59人围观)参与讨论

还没有评论,来说两句吧...

Top