2024年最全Vue 学习笔记（2）Vue 生命周期、组件(1)，面试题分享文案

总结

根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。

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

这里分享一些前端学习笔记：

• html5 / css3 学习笔记

  

• JavaScript 学习笔记

  

• Vue 学习笔记

  

第二种开发方式：

用户登录

组件中 props 的使用

================================================================================

props 用来给组件传递相应静态数据或者是动态数据；

在组件上声明静态数据传递给组件内部

---

在组件上声明动态数据传递给组件内部

---

props 的单向数据流

---

所有的 props 都使得其父子 props 之间形成了一个单向下行绑定：父级 props 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外改变父级组件的状态，从而导致你的应用的数据流向难以理解。

额外的，每次父级组件发生更新时，子组件中所有的 props 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 props。如果你这样做了，Vue 会在浏览器的控制台中发出警告。—摘自官网

组件中定义数据和事件使用

===============================================================================

组件中定义属于组件的数据

---

组件中定义属于组件的事件

---

向子组件中传递 Vue实例 的事件并调用该事件

---

在子组件中调用传递过来的相关事件使用 this.$emit('函数名') 方式调用；

<login :name=“msg” @aaa=“findAlll”>