【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调用没用这个方法实现初始化。

相关推荐
再睡一夏就好1 小时前
【C++闯关笔记】详解多态
c语言·c++·笔记·学习·语法·1024程序员节
与己斗其乐无穷1 小时前
C++学习记录(22)异常
学习·1024程序员节
麦麦大数据3 小时前
F032 材料科学文献知识图谱可视化分析系统(四种知识图谱可视化布局) | vue + flask + echarts + d3.js 实现
vue.js·flask·知识图谱·数据可视化·论文文献·1024程序员节·科研图谱
web打印社区4 小时前
使用React如何静默打印页面:完整的前端打印解决方案
前端·javascript·vue.js·react.js·pdf·1024程序员节
喜欢踢足球的老罗4 小时前
[特殊字符] PM2 入门实战:从 0 到线上托管 React SPA
前端·react.js·前端框架
小光学长4 小时前
基于Vue的课程达成度分析系统t84pzgwk(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
喜欢吃燃面4 小时前
数据结构算法题:list
开发语言·c++·学习·算法·1024程序员节
。TAT。4 小时前
C++ - 多态
开发语言·c++·学习·1024程序员节
武当豆豆5 小时前
C++编程学习(第42天)
开发语言·c++·学习
Baklib梅梅5 小时前
探码科技再获“专精特新”认定:Baklib引领AI内容管理新方向
前端·ruby on rails·前端框架·ruby