首页 > 其他 > 详细

vue中关于dom的操作

时间:2017-03-31 12:19:50      阅读:721      评论:0      收藏:0      [点我收藏+]

技术分享

技术分享

 

mounted

  个人理解为DOM结构准备就绪了,可以开始加载vue数据了,

  挂载点,配合使用

mounted:function(){
        this.$nextTick(function(){         //this.$nextTick是在下次DOM更新循环结束时调用延迟回调函数。异步函数
            this.loadData();          //DOM加载就绪,后调用loadData方法进行数据更新
        //想要更新后的获取dom              //此时若获取更新后dom数据将会报错,数据为undefined; }) }

  此时,若想要获取更新后的dom结构,并操作dom,必须在下一个钩子函数中获取,否则将会报错,获取不到

updated

  数据更新导致的dom结构更新,在更新完之后会调用这个钩子

  在此时获取上一步中更新的数据,就可以成功获取到。

 

引用插件的方法,在mounted钩子中加载数据,在updated钩子引用处理这个数据的插件。

beforecreate : 举个栗子:可以在这加个loading事件 
created :在这结束loading,还做一些初始化,实现函数自执行 
mounted : 在这发起后端请求,拿回数据,配合路由钩子做一些事情
updated: 在这里处理更新后的数据
beforeDestory: 你确认删除XX吗? destoryed :当前组件已被删除,清空相关内容

  

 

vue中关于dom的操作

原文:http://www.cnblogs.com/zenghaiming/p/6650381.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!