Vue 基础1.2 生命周期+知识点补充

生命周期基本概念： Vue组件从创建到销毁的过程

钩子函数

使用钩子函数可以 知道Vue生命周期到达什么阶段

分类： 4大阶段8个方法

• 初始化
• 挂载
• 更新
• 销毁

• beforeCreate 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。 created 初始化之后 -在此处可以访问 data和methods等。

• beforeMount 挂载组件之前 ， mounted 挂载组件之后 - 在此处获取正真实DOM元素

• beforeUpdate 数据更新时调用，发生在虚拟 DOM 打补丁之前。这里适合在更新之前访问现有的 DOM，比如手动移除已添加的事件监听器。该钩子在服务器端渲染期间不被调用，因为只有初次渲染会在服务端进行。 updated 更新组件后 - 在此处可以获取更新后的DOM元素

• beforeDestroy 销毁前 ， destroyed 销毁后 -一般此处可以用于清除定时器和 全局事件等

Axios

• 基本用法

axios({
  url: ''
})
.then(res => {
  console.log(res)
})

• get请求传参 使用params
• post请求传参 使用data
• 全局配置方法： axios.defaults.baseURL='配置全局默认的基地址'

知识点补充：

• 当页面第一次页面加载时会触发 beforeCreate, created, beforeMount, mounted 这几个钩子函数
• props 类型检测

props: {
  接收的变量: {
    type: 类型,
    default: 默认值,
    required: 必选项
  }
}

• ajax请求推荐写在created钩子函数中
• 侦听对象属性，对象属性名可以加引号，这样点就不会标红报错
• reduce中如果循环中 进行判断导致 某次的初始参数没有 return 那么默认返回 undefined