vue基础并加入elementUI

生命周期函数

组件挂载以及组件更新、组件销毁的一系列的方法。这些方法就叫做生命周期函数。

其中函数有:

beforeCreate-实例化刚刚被创建;

created-实例化创建完成;

beforeMount-模板编译之前;

mounted-模板编译完成,请求数据,操作dom,放在这个里面

beforeUpdate-数据更新之前;

Updated-数更新之后;

beforeDestroy-实例销毁之前,页面销毁的时候要保存一些数据,就可以监听这个销毁的生命周期函数;

destroyed-实例销毁完成。


请求数据

1、vue-resource: 官方提供的vue的一个插件,在github中查看使用方法https://github.com/pagekit/vue-resource。

需要引入vue-resource.js。

使用举例

var api='http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1';

this.$http.get(api).then((response)=>{ 

    console.log(response);  

    this.list = response.body.result;},

    function(err){    console.log(err);

});


2、axios:第三方插件,需要引入js。哪里使用哪里引入。

你可能感兴趣的:(vue基础并加入elementUI)