vue生命周期/钩子函数

从创建到销毁的过程/vue生命周期/vue实例化的生命周期

三大阶段

1、挂载阶段：一进入页面 看到界面渲染的效果

2、更新阶段：修改数据 更新

3、销毁阶段/卸载阶段：关闭浏览器或者v-if=false 移除组件

生命周期方法/钩子函数

特点：

1、名字固定

2、自动调用

一、挂载阶段

第一步：找数据

1、beforeCreate（）

数据初始化之前

特点：获取数据获取不到

场景：用的不多

2、***created（）

数据初始化之后

特点：获取数据可以得到

场景：应用多 发送ajax请求

<template>
  <div>{
  {name}}</div>
</template>

<script>
export default {
  data() {
    return {
      name: "zs",
    };
  },
  beforeCreate(){
    console.log('beforeCreate '+this.name);
  },
  created(){
    console.log('created '+this.name);
  }
};
</script>

第二步：找模板

el template