Vue - （生命周期钩子）

生命周期钩子的作用：页面加载的时候，主动执行某些程序。

之前通常都是事件触发才会调用某种方法，生命周期钩子可以解决这个。

Vue实例

用new Vue（）就可以创建一个实例，所有的组件都是vue实例。

Vue实例的生命周期钩子（函数）（在组件加载的时候会执行一些函数）

每个Vue实例在被创建时（new Vue）都要经过一系列的初始化过程，这个过程会默认调用一些函数（vue内部定义好的函数）

created（）组件初始化完成

mounted（）模板已创建

created（）{

console.log('这是created函数的内容')

}

mounted（）{

console.log('这是mounted函数的内容')

}

（并没有执行什么事件，只要这个组件加载了，这个组件就会初始化，在这个组件初始化的过程就会自动执行这个函数）

注：（不管这两个顺序怎么写，都是先执行created，再执行mounted）

（如果希望异步加载数据的话，就可以把获取数据的这些方法写在生命周期函数里）

注：如果碰到组件加载时候的问题时，可以看看生命周期图（vue官网中有）（里面有执行的顺序）

这两个区别：

组件初始化的时候会执行created。

HTML模板加载，之后会执行mounted

（如果想操作html在created里面是获取不到元素的，需要在mounted中写；

    如果想初始化数据的话，可以直接在created里写功能）