当前位置:首页 > vue.js > 正文内容

vue生命周期

自由小鸟7年前 (2018-07-31)vue.js2882

生命周期钩子的一些使用方法:

  1. beforecreate : 可以在这加个loading事件,在加载实例时触发

  2. created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用

  3. mounted : 挂载元素,获取到DOM节点

  4. updated : 如果对数据统一处理,在这里写上相应函数

  5. beforeDestroy : 可以做一个确认停止事件的确认框

  6. nextTick : 更新数据后立即操作dom


关于请求的数据放在哪里合适:

beforeCreate 和 created 都是早期钩子,是我们获取数据的较好时机,如果获取的数据与绑定事件有关,可以放到 created 里面,无关的话,都可以,在服务器端的应用场景中, beforeCreate 可能会用到的多一些。


beforeMount 和 mounted 多用于页面组件上有新的用户交互,触发新的请求时候使用,比如在 mounted 里手动去触发滚动条的位置,而 beforeMount 里面,可以做比如通过域名识别来获取微信认证信息的操作。


版权声明:本文由Web学习之路发布,如需转载请注明出处。

本文链接:https://webge.net/?id=17

返回列表

没有更早的文章了...

下一篇:vue做博客中的问题记录

“vue生命周期” 的相关文章

vue-router 路由几种模式,分别什么用法

vue-router 默认 hash 模式 .  http://music.163.com/#/friend还有一种是history模式。  http://music.163.com/friendhash模式背后的原理是onhashchange事件,...

vue3

vue3

安装vite?-Vite是vue作者开发的一款意图取代webpack的工具,其实原理是利用ES6的import会发送请求加载文件的特性,拦截这些请求,做一些预编译,省去webapck沉长的打包时间安装:npm install -D create-vite-app利用vite创建 vue3项目cre...

watch监听的几种写法

var vm = new Vue({ data: { a: 1, b: 2, c: 3, d: 4, e: { f: { g: 5 } } }, watch: { a...

vue3 新属性使用

vue3 新属性使用

setUp(){} //可以把所有数据和方法都放这里面一起导出,这个是在实现挂载之前就会执行的 ref基本的数据类型 reactive可以把数组,对象转成响应式 readonly处理之后的数据不能进行修改 toRefs可以把响应对象的某个解构出来的值变成响应式,如果原数据没有key,那就会...

vue updateModel

vue updateModel

v-model高级用法...