- 博客(14)
- 收藏
- 关注
原创 vue3组件通信方式之useAttrs方法
在父组件中,只需要对外暴露自己的money(因为在子组件中操作,无法访问父组件中的money,所以父组件的money要暴露)通过ref这样一个响应式api来实现,父组件可以访问子组件的实例,进而调用子组件的方法或修改子组件的属性。那么,反过来呢,子组件要向父组件借钱,子组件的money增多,父组件的money减少,该如何实现呢?首先举个例子,父组件有10000元,子组件有1000元,现在父组件需要向子组件借10元,要实现。父组件的money加10的基础上,子组件的money减10,那么怎么进行操作呢?
2025-01-10 20:33:50
133
原创 vue3组件通信方式之v-model
等)与组件的状态进行同步,使得用户在表单中输入的内容能够自动更新到组件的数据属性中,同时组件的数据属性的变化也会自动反映到表单元素上。第二:相当于给子组件绑定自定义事件(可以用来修改数据)它的主要作用是将表单输入元素(如。第一:相当于给子组件传递props。是 Vue.js 中用于。
2025-01-10 15:01:49
214
原创 vue3组件通信方式之全局事件总线(组件之间的通信)
/他的作用是组件挂载完毕后,绑定一个事件,接受将来组件之间传递的数据。通信的模式,这种方式特别适用于那些没有父子关系的组件间的通信。$bus.emit('car',{car:"法拉利"})需要进行监听事件的组件,当然要引入组合式API函数。//第一个参数为事件类型,第二个参数为事件的回调。其次,在需要通信的两个组件之间,需要进行触发事件的组件,全局事件总线是一种用于。首先,引入mitt插件。
2025-01-09 19:29:16
266
原创 vue3组件通信方式之自定义事件(父子组件之间的通信)
eg. 假设此时的自定义事件为### let $emit=defineEmits(['###])$emit('###',航空,原子弹),即第一个参数为事件类型,往后为注入的数据。父组件中函数接收,用param1,param2.....接收。(不需要引入,直接使用)方法返回函数,触发自定义事件。自定义事件实现了子组件向父组件传递数据。原生dom事件不再赘述。
2025-01-09 15:19:47
82
原创 操作系统相关课设
设计文件系统的数据结构和数据结构间的关系,设计文件的基本操作算法,完成系统的总控模块编程和各个操作模块编程。设计一个磁盘调度系统,针对磁盘访问序列,可以选择先来先服务算法(FCFS)、最短寻道时间优先算法(SSTF)、扫描算法(SCAN)、循环扫描算法(CSCAN)来实现。编程序实现先进先出算法(FIFO)、最近最久未使用算法(LRU)算法、最佳置换算法(OPT)的具体实现过程,并计算访问命中率。子,一类负责消费苹果;是在记事本中存入进程数目,资源数,最大需求数,分配资源数目,和初始的可利用资源数目。
2024-08-01 17:07:07
651
原创 拖动的模拟效果
这里我要强调一个坑!你要拖动一个盒子,他的css里面是不可以有margin的,我起初是让盒子居中(更好看),后来js怎么写都没办法拖动。怎么检查都没想到问题在css上面!换个思路想,margin把盒子的位置定了,还咋移动呀(当时要是有这个觉悟就好了)。这个案列不仅练习了拖动,还顺便练习了文本框的获得焦点和失去焦点。还有一个,当点击出现登录框的时候,会瞬间闪现, event.preventDefault();那么,要是想改动盒子的位置怎么办呢?
2024-07-29 22:36:02
361
原创 下拉菜单的实现
最后一步就是js的书写,很多人觉得hover很方便,我是在练习js,这里是节点操作,发现每个li下有两个孩子,我们需要第二个孩子显示。然后是子绝父相,布局,接着调整父亲的padding到合适的位置,把所有的子模版内容隐藏。就可以看到了,其余的添加自己发挥。标题li是链接形式,这是他的第一个孩子,第二个孩子是ul,里面又是li的嵌套。基本html写好之后就是css布局,我觉得比较快的方式就是,首先,初始化,
2024-07-22 21:28:11
256
原创 实现导航栏的切换操作
核心思想就是(我说的比较通俗):第一步,点击导航栏的时候,会变色,很简单,就是一个“排他思想”,注意:隐藏所有在前面,当点击的时候,对应的显示在后面。第二步,导航栏的时候,对于内容会出现,这里比较复杂,就是,给所有的标题自定义属性,用for循坏,当点击哪个标题,对应的内容显现。(这里还是排他思想)因为其他的内容不显示。对应可以看两个for循坏里面的内容很相似。
2024-07-20 20:00:19
333
原创 js实现全选(类似于淘宝购物车)
在写代码的过程中,对于我自己有一个很大的错误点,就是getElementById和queryselcetor,在给定了id的条件下用前者较好。全选按钮和子按钮,点击全选按钮,所有子按钮被选中,点击所有子按钮,全选按钮被选中。这个我自己觉得好绕,在点击所有子按钮之后全选按钮被选中,需要双重for循环。
2024-07-19 22:25:44
233
原创 js实现表单隔行变色效果
当鼠标经过的时候,底色变化,鼠标离开的时候,底色恢复,只是一个简单的实现。document.querySelectorAll要和数组搭配来使用。
2024-07-19 15:50:41
221
原创 仿华为商城
还是一个在读的学生,首次实现了华为商城官网的部分界面,大家有什么建议和意见都可以提提,希望一起进步。剩余的部分就是盒子的排布,也是很简单的,就自己完成吧。以下是比较难的部分的代码,即第一张图和第二张图的代码。下面的其他专区也是同样的道理,这里就不多放图了。
2024-06-01 23:17:16
328
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人