先上一張生命周期圖，該圖示來(lái)源于關(guān)于Vue實(shí)例的生命周期

這里主要說(shuō)明各個(gè)生命周期用來(lái)做哪些事情而不再贅述vue生命周期的概念和理解

vue生命周期圖示

beforeCreate：Vue實(shí)例掛載的元素節(jié)點(diǎn)el、data都并未初始化

使用：這里可加loading

示例：使用mint-ui組件添加個(gè)頁(yè)面的loading效果

import { Indicator } from 'mint-ui';

beforeCreate: function () {

????? Indicator.open('加載中...');

},

效果：

created：el未初始化、data已初始化

使用：這里可以結(jié)束剛剛的loading效果，可接收上個(gè)頁(yè)面?zhèn)鬟f的參數(shù)，可做一些初始化

示例：接收上個(gè)頁(yè)面?zhèn)鬟f的參數(shù)

列表頁(yè)傳參數(shù)id:

this.$router.push({path:"/ArticleDetail",query:{id:id}})

詳情頁(yè)接收id:

data(){ return{ id:null, }},

created(){

????? this.id = this.$route.query.id;

},

mounted：el、data已初始化

使用： 在這發(fā)起后端請(qǐng)求，獲取數(shù)據(jù)

============== 未完 ============

其余的等我使用了之后來(lái)補(bǔ)充