持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第9天，点击查看活动详情
props组件之间的传值
props可以极大的提高组件的复用性，其中，定义props有两种格式：
-
一种是数组格式：定义的时候非常简单，比如 props:['init']
-
一种是对象格式：定义的时候稍微复杂些，比如：
props:{ init:{}}
props是只读的，因此，在项目开发中，不要直接修改他的值，要把props的值传到并存储到data中，这样就可以进行读写操作。
vue生命周期的三个阶段
- 创建阶段： beforeCreate: create--发起Ajax请求数据
beforeMount: mounted--组件第一次被渲染到浏览器中，这是操纵DOM的最早的时机
- 运行阶段
beforeDestory: updated--能够操作到最新的DOM元素
- 销毁阶段 beforeDestory: destroyed
大致内容如图：
组件之间的数据共享
- 父传子--自定义属性
- 子组件中，通过props来自定义属性
- 父组件中，负责把数据通过v-bind绑定给子组件
- 子传父--自定义事件
- 在子组件中调用this.$emit来触发自定义事件，他还自带连个参数 参数1是字符串，表示自定义事件的名称 参数2是值，表示要发送给父组件的数据
- 在父组件中，通过v-on来绑定自定义事件，并且提供一个事件处理函数，通过事件处理函数的形参，接收到子组件传递过来的数据。
