vue生命周期 created和mounted的区别
Vue 区别 生命周期 created mounted
2023-09-11 14:17:22 时间
created:是在模板渲染成HTML前调用的,此时data已经准备完毕,el仍是undefined,因为没有渲染成HTML,所以不能操作dom节点,它主要用来初始化一些数据;
即使created中的方法没有执行完,mounted也会被调用!
mounted:是在模板渲染成HTML之后调用的,此时data,el都已准备好,可以操作html的dom节点,可以通过id什么的来查找页面元素,也可以加载一些组件什么的;
https://www.php.cn/js-tutorial-412302.html
vue生命周期
watch: { $route: "getData" }, methods: { async getData() {} }
这样写是watch监听路由变化时调函数getData
相关文章
- Vue笔记:vue-router
- VUE - vue.runtime.esm.js?6e6d:619 [Vue warn]: Do not use built-in or reserved HTML elements as component i
- Vue实例的生命周期(钩子函数)
- [Vue] Lazy Load a Route by using the Dynamic Import in Vue.js
- vue和微信小程序的区别、比较
- [Vue @Component] Define Props on a Vue Class with vue-property-decorator
- [Vue-rx] Cache Remote Data Requests with RxJS and Vue.js
- ubuntu21.04(linux):安装node(14.17.1)和vue.js3.1环境
- vue面试题:说说vue动态权限绑定渲染列表(权限列表渲染)
- 前端面试题:谈一谈vue和react的区别?
- vue项目elementui 的 el-checkbox复选框改成单选框样式:实现全选、全否、单选、反选功能(最简单的方法)
- vue中mixins和组件的区别和用法
- Vue生命周期中mounted和created的区别
- vue读书笔记开发环境搭建
- uni-app与Vue的区别
- vue中使用百度地图,悬浮窗搜索功能
- vue.js项目打包报错Error: You appear to be using a native ECMAScript module configuration file
- 计算机毕设 SSM Vue的汽车租赁系统(含源码+论文)
- vue中使用分页组件、将从数据库中查询出来的数据分页展示(前后端分离SpringBoot+Vue)
- Springboot+Vue实现将图片和表单一起提交到后端,同时将图片地址保存到数据库、再次将存储的图片展示到前端vue页面
- Vue中vue-i18n结合element-ui实现国际化
- Vue(八)vue 脚手架、脚手架创建项目示例
- Vue(五)计算属性、过滤器、axios、vue 生命周期
- Vue.use 与 Vue.prototype 在注册插件时,使用上有什么区别
- vue-tour快速入门:VUE项目中如何使用vue-tour新手引导指引插件?怎样使用?包含具体实例
- Vue学习笔记——vue-router