Vue-12-前端框架Vue之应用基础生命周期和自定义hooks

文章目录

  • 1 生命周期的理解
  • 2 vue2的生命周期
    • 2.1 创建工程
    • 2.2 App.vue(根组件)
    • 2.3 Person.vue(子组件)
    • 2.4 生命周期钩子示例
      • 2.4.1 Person.vue
      • 2.4.2 App.vue
  • 3 vue3的生命周期
    • 3.1 创建工程
    • 3.2 App.vue(根组件)
    • 3.3 Person.vue
    • 3.4 挂载流程
  • 4 hooks(钩子)
    • 4.1 准备效果(Person.vue)
    • 4.2 hooks
      • 4.2.1 useDog.ts
      • 4.2.2 useSum.ts
    • 4.3 使用hooks(Person.vue)

vue2和vue3的生命周期函数对比,然后进行自定义hooks的示例应用。

1 生命周期的理解

Vue-12-前端框架Vue之应用基础生命周期和自定义hooks_第1张图片
生命周期有时也叫生命周期函数,或者生命周期钩子。

2 vue2的生命周期

2.1 创建工程

CMD>d:
CMD>cd CODEVue
CMD>vue create vue2_demo
CMD>npm run serve  运行项目

Vue-12-前端框架Vue之应用基础生命周期和自定义hooks_第2张图片
有些类型检查问题需要处理。

你可能感兴趣的:(Vue,vue.js,前端框架,前端)