VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > PHP >
  • [javascript] vue的实例生命周期钩子函数

当有一个页面在第一次进入渲染时 , 请求一个接口 , 该接口获取完数据后, 展示到界面上, 用到了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中初始化一个值

如果这篇文章对你有帮助 , 恰好你又需要虚拟主机的空间时 , 可以点击链接200块购买永久香港空间 , 同时也感谢赞助商临清亿联轴承的支持赞助

相关教程