首页 > 代码库 > vue中关于dom的操作
vue中关于dom的操作
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的操作
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。