2021年11月7日
怎么理解 Vue 的单向数据流？
1. Vue 的单向数据流：指数据一般从父组件传到子组件，子组件没有权利直接修改父组件传来的数据，即子组件从 props 中直接获取的数据，只能请求父组件修改数据再传给子组件。父级属性值的更新会下行流动到子组件中。 2. 为什么不能子组件直接修改父组件传来的值呢？父组件的值可能会不断发生变化，那么如 Read More
posted @ 2021-11-07 22:10 TwinkleG Views(5479) Comments(0) Diggs(0)
Vue 组件通信方式总结【简单到不想总结呜呜】
为了看的方便，在最后把所有的代码贴出来了，可拉到页面底部查看；【只有前几种方式的，其他方式暂时没贴出来，因为图太多了...】 1. 父组件传值给子组件：在子组件中 props 中定义接收父组件值的变量名称，在父组件调用子组件的标签时，给子组件对应变量名称传入值即可。 父组件中： 子组件中： 2. 子 Read More
posted @ 2021-11-07 19:56 TwinkleG Views(144) Comments(0) Diggs(0)
Vue-LifeCycle父子生命周期钩子函数【附简单应用场景】
1. 本篇随笔介绍当在 Vue 中，父子组件的生命周期函数。 2. 首先是父子组件执行顺序问题： 【1】加载渲染过程： （1）如果仅有一个子组件，那么执行顺序为 father.beforeCreate -> father.created -> father.beforeMount -> son.be Read More
posted @ 2021-11-07 16:47 TwinkleG Views(309) Comments(0) Diggs(0)
Vue-LifeCycle生命周期钩子函数【非深入】
1. 在我们使用 Vue 写项目时，必须要了解 Vue 实例化过程中所经历的一些事件。Vue 实例从被创建到销毁的阶段被称作生命周期，在其中我们可以通过八大生命周期钩子函数在 Vue 实例化的不同阶段添加自己希望书写的代码。 （1）beforeCreate：vue 实例刚刚创建出来，data、met Read More
posted @ 2021-11-07 15:27 TwinkleG Views(74) Comments(0) Diggs(0)