纯vue以及vue+laravel父组件往子组件传递图片路径,前端开发面试题

14 阅读1分钟

总结:

  • 函数式编程其实是一种编程思想,它追求更细的粒度,将应用拆分成一组组极小的单元函数,组合调用操作数据流;

  • 它提倡着 纯函数 / 函数复合 / 数据不可变, 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用;

Tips:

其实我们很难也不需要在面试过程中去完美地阐述出整套思想,这里也只是浅尝辄止,一些个人理解而已。博主也是初级小菜鸟,停留在表面而已,只求对大家能有所帮助,轻喷🤣;

我个人觉得: 这些编程范式之间,其实并不矛盾,各有各的 优劣势

理解和学习它们的理念与优势,合理地 设计融合,将优秀的软件编程思想用于提升我们应用;

所有设计思想,最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用,开发更为高效和安全

开源分享:docs.qq.com/doc/DSmRnRG…

]

}

},

}

.homeClass{ padding-left: 130px; }

homecard.vue 子组件

.box-card { width: 360px; float: left; margin: 0 33px 0px 0; } img { width: 310px; height: 280px; padding-top: 20px; padding-right: 30px; }

Demo2 laravel+vue

使用require() (此方法同样适用于纯vue)

####在resources\assets\js创建staic文件,用于存放图片

实例

Home.vue

.homeClass { padding-left: 130px; }

HomeCard.vue

.box-card { # 学习分享,共勉 题外话,毕竟我工作多年,深知技术改革和创新的方向,Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心 **[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://docs.qq.com/doc/DSmRnRGxvUkxTREhO)** ![](https://p3-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/4f01ce0a16114f24984552031042b4bf~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3MzM5MTQ5MjgwNjA=:q75.awebp?rk3s=f64ab15b&x-expires=1771316057&x-signature=u58OQiDZstDsd7ohlq6MW485cGc%3D)