vue day04

1.1_钩子函数

目标: Vue 框架内置函数，随着组件的生命周期阶段，自动执行

作用: 特定的时间点，执行特定的操作

场景: 组件创建完毕后，可以在created 生命周期函数中发起Ajax 请求，从而初始化 data 数据

分类: 4大阶段8个方法

• 初始化

• 挂载

• 更新

• 销毁

阶段	方法名	方法名
初始化	beforeCreate	created
挂载	beforeMount	mounted
更新	beforeUpdate	updated
销毁	beforeDestroy	destroyed

1、vue过滤器
filters:{
过滤器名字: (值){
return 处理后的值 } }

2、vue计算属性-computed
computed: { "计算属性名" () { return "值" } }

3、vue侦听器-watch
watch: { 变量名 (newVal, oldVal){ // 变量名对应值改变这里自动触发 } }

4、vue侦听器-深度侦听和立即执行
watch: { "要侦听的属性名": { immediate: true, // 立即执行（可选） deep: true, // 深度侦听复杂类型内变化 handler (newVal, oldVal) { } } }

5、vue组件通信_父向子-props
export default { props: ['arr'] }

6、vue组件通信_局部注册
import 组件对象 from 'vue文件路径'

export default { components: { "组件名": 组件对象 } }