[javascript] vue的实例生命周期钩子函数
程序员文章站
2022-06-27 14:16:49
当有一个页面在第一次进入渲染时 , 请求一个接口 , 该接口获取完数据后, 展示到界面上, 用到了created这个钩子函数created函数将在vue实例创建以后被调用,相当于构造函数,更改data属性中的值,此时界面中循环这个值的地方就会重新渲染,这也是叫响应式系统 new Vue({ el: ......
当有一个页面在第一次进入渲染时 , 请求一个接口 , 该接口获取完数据后, 展示到界面上, 用到了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中初始化一个值
上一篇: shell脚本实现磁盘监控系统
下一篇: python3 装饰器全解