【vue】前端学习

一、created 与 mounted 钩子函数用法与区别

1、created钩子函数,执行时挂载阶段还没有开始,模板还没有渲染成html,主要用来初始化数据。

例如:加载二级代码

复制代码
created() {
  //初始化数据
  this.fetchData();
}

2、mounted钩子函数,常用于页面加载完成后进行DOM操作或发送请求获取数据。

例如:初始化图表,因为在created钩子中,DOM还没被完全渲染出来,可能导致图表无法争取渲染。

复制代码
mounted() {
      //初始化图表数据
      this.initCharts()
    }

二、computed 与methods 区别

我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。

最后,所有的方法都应该在methods里定义 ,在mounted或created里面使用this调用没用这个方法实现初始化。

相关推荐
IT_陈寒3 分钟前
JavaScript性能优化:这7个V8引擎技巧让我的应用速度提升了50%
前端·人工智能·后端
学渣y15 分钟前
nvm下载node版本,npm -v查看版本报错
前端·npm·node.js
excel22 分钟前
首屏加载优化总结
前端
花花鱼25 分钟前
vxe-grid在树形模式下通过$grid.getTableData().fullData无法获取到所有数据的简单处理
vue.js
敲代码的嘎仔28 分钟前
JavaWeb零基础学习Day1——HTML&CSS
java·开发语言·前端·css·学习·html·学习方法
Tachyon.xue2 小时前
Vue 3 项目集成 Element Plus + Tailwind CSS 详细教程
前端·css·vue.js
我命由我123453 小时前
Photoshop - Photoshop 工具从工具栏消失
笔记·学习·ui·职场和发展·职场发展·photoshop·ps
FuckPatience3 小时前
Vue 中‘$‘符号含义
前端·javascript·vue.js
东风西巷5 小时前
K-Lite Mega/FULL Codec Pack(视频解码器)
前端·电脑·音视频·软件需求
超级大只老咪6 小时前
何为“类”?(Java基础语法)
java·开发语言·前端