2024年最新Vue全栈基础之组件传值(1)，2024年最新2024年Web前端阿里&腾讯&百度&字节校招面试汇总

总结:

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

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

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Tips:

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

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

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

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

父组件给子组件传值时，子组件需要定义props卡槽来接收父组件传递的值

子组件 => 父组件

子组件给父组件传值一般使用的方法有两个，一个是通过自定义事件的方式传值，第二是通过引用的方式进行传值

• 自定义事件

主要的步骤如下：

• 子组件内部通过this.$emit('方法名','值')的方式，自定义一个事件

• 在子组件标签中将这个方法暴露出来

• 父组件通过这个自定义方法的方法名来接收这个数据

ref引用传值

ref引用在以往的学习中，我用的比较多的是将dom设置ref，我们可以通过this.$refs.引用名来获取dom的一些信息，但是其实我们如果给组件标签绑定一个ref，那么这个ref就可以获取到这个组件的信息，其中就是有我们想要获取的值。

引用信息如下，包含这个组件的所有信息

以上便是组件传值的一些知识点，其实还会很多种传值，比如兄弟组件之间的传值，子孙组件之间的传值，但是其实这些传值通过vuex就可以很轻松的实现了，所以没有继续研究下去了。

打开全栈工匠技能包-1小时轻松掌握SSR

两小时精通jq+bs插件开发

生产环境下如歌部署Node.js

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

网易内部VUE自定义插件库NPM集成

谁说前端不用懂安全，XSS跨站脚本的危害

webpack的loader到底是什么样的？两小时带你写一个自己loader