# Vue生命周期

银商小程序使用 Vue 做为前端应用开发框架，因此了解 Vue.js 的生命周期（类似 Android Activity 的生命周期）十分必要。

# 生命周期阶段

在每个 Vue 实例被创建时都会经历一系列的初始化过程，例如：设置数据监听、编译模板及实例挂载等。在这个过程中会运行一些叫生命周期钩子的函数，为开发者提供了在不同阶段添加代码的机会。

Vue.js 的生命周期总共可以分为8个阶段：

• beforeCreate（创建前）,
• created（创建后）,
• beforeMount(载入前),
• mounted（载入后）,
• beforeUpdate（更新前）,
• updated（更新后）,
• beforeDestroy（销毁前）,
• destroyed（销毁后）

以下是Vue官网的生命周期图：

# 生命周期使用示例

小程序开发实践中用得比较多的是前4个阶段：beforeCreate, created, beforeMounted, mounted.

# Demo1：

在beforeCreate时导入图标字体

beforeCreate() {
    var iconPath = "static/font/font_zn5b3jswpofuhaor.ttf";
    umsApi.dom.addRule('fontFace', {
        'fontFamily': 'iconfont4',
        'src':'iconPath'
    });
},

# Demo2:

在create时指定Vue-router打开的首页面

created(){
    this.jump ("/");
},