[javascript] vue的实例生命周期钩子函数
[javascript] vue的实例生命周期钩子函数
唯一Chat
发布于 2020-05-20 00:24:57
发布于 2020-05-20 00:24:57
当有一个页面在第一次进入渲染时 , 请求一个接口 , 该接口获取完数据后, 展示到界面上, 用到了created这个钩子函数 created函数将在vue实例创建以后被调用,相当于构造函数,更改data属性中的值,此时界面中循环这个值的地方就会重新渲染,这也是叫响应式系统
new Vue({
el: '#weibolist',
data: function () {
return {
weiboList:"",
}
},
methods: {
getWeiboList: function () {
let _this = this;
$.get('index.php?r=media/getdata', function (rs) {
_this.weiboList = JSON.parse(rs);
})
},
},
created: function () {
this.getWeiboList();
}
})1.当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。 2.只有当实例被创建时就已经存在于 data 中的 property 才是响应式的,因此想要响应式的地方需要在data中初始化一个值
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2020-05-08 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读