![](https://csdnimg.cn/release/download_crawler_static/88014814/bg1.jpg)
2.3.2 事件修饰符
事件修饰符是对事件添加一些通用限制,例如阻止默认事件、阻止事件冒泡等行为。 Vue
中对事件限制的通用格式为:
V -on:事件名.修饰符
Vue 中常用的事件修饰符有以下几个:
·.stop 阻止事件冒泡,等同于 JavaScript 中的 event.stopPropagation()。
·.capture 事件捕获,由外到内,与事件冒泡方向相反。
·.prevent 阻止默认事件,等同于 JavaScript 中的 event.preventDefalut()。
·.passive 执行默认事件。
·.self 只会触发自身范围内的事件。
·.once 事件只触发一次。
2.4. 生命周期钩子函数
Vue 实例中几个主要的生命周期钩子函数说明如下。
·beforeCreate,在 Vue 实例开始初始化时调用。
·created,在实例创建之后进行调用,此时尚未开始 DOM 编译。
·beforeMountVue,在 Vue 实例挂载之前,render 函数首次被调时。
·mounted Vue,实例挂载到 DOM 节点上之后进行调用,相当于 JavaScript 中的 window
onload()方法。
·beforeUpdate,当数据发生变化时,在虚拟 DOM 状态变化之前。
·updated,虚拟 DOM 被重新渲染之后调用。
·beforeUnmont,实例销毁之前,Vue 实例依然可用。
·unmounted Vue,实例销毁之后,Vue 实例及其子实例将完全解绑。2
4.2.1 父组件给子组件传递信息
在 Vue 中,当父组件需要给子组件传递数据时,需要在父组件中通过 v-bind 绑定数据,则
在子组件中通过 props 属性来接收父组件传递给子组件的数据。
程序中,第 2 行代码,父组件通过 msg 属性传递 userInfo 数值给子组件;第 18 行代码
果如图 4-3 所示。
通过 props 属性接收父组件传递的 msg 数据;第 19 行代码,显示接收到的 msg 数据。
注意:props 的数据传递默认是单向的,即父组件的更新自动流向子组件中,但反过来不行。
4. 2.2 子组件给父组件传递信息
子组件向父组件传递信息时,首先需要在子组件中通过调用内建的$ emit()方法触发自定义
事件及参数,然后在父组件中监听自定义事件并处理。
8.2 Vuex 中的配置选项
Vuex 中提供了 5 个重要的选项:State、GettersMutations、Actions 和 Modules。其中, ate
目需数据或状态;Getters 从 State 派生出的状态,类似于 Vue 实例中的 Computed;Mutations
存储更改 State 状态的方法,是 Vuex 中唯一修改 Srate,Vueetds;Actions 可以通提交
Mutations,持步操作;Modules 是 Store 的子模块,内容相当于 Store 的一个实例。
State