位置: IT常识 - 正文

【前端】重学vue,vue生命周期基础知识了解一下(前端使用vue的好处)

编辑:rootadmin
【前端】重学vue,vue生命周期基础知识了解一下 vue目录写在前面1.npm常用命令cnpm介绍vue生命周期setup取代beforeCreate和created组合式api的生命周期需引入使用写到最后写在前面

推荐整理分享【前端】重学vue,vue生命周期基础知识了解一下(前端使用vue的好处),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:重学前端winter,重学前端winter,前端vue好学吗,前端用vue需要学js吗,vue前端开发教程,前端vue好学吗,前端使用vue的好处,前端学到什么程度可以学vue,内容如对您有帮助,希望把文章链接给更多的朋友!

上一篇有写到vue的node环境的安装,具体的地址node安装,可点过去看下安装步骤,目前去node官网下载默认是最新版本的18.15.0版本。这个版本可能有些高,可以选择跟目前项目匹配的版本下载安装即可。 如果项目启动遇到项目启动不成功,如下图 这样肯定是node版本的问题,解决方案如下 node.js版本问题需要输入命名来解决,或者是用node的nvm版本管理器调整相应的版本。 命令方式: 在编辑器终端命令行输入如下命令。 命令行输入:$env:NODE_OPTIONS=“–openssl-legacy-provider” 正常解决:

1.npm常用命令

NPM是Network Power Manager缩写,是网络管理电源控制器。安装了node.js之后就可以使用npm命令操作了,因为npm是node.js包管理器。它可以让开发者下载、安装、上传以及管理已经安装的包。

比如一下命令操作:

npm install 安装模块npm uninstall 卸载模块npm update 更新模块npm outdated 检查模块是否已经过时npm ls 查看安装的模块npm init 在项目中引导创建一个package.json文件npm help 查看某条命令的详细帮助npm root 查看包的安装路径npm config 管理npm的配置路径npm cache 管理模块的缓存npm start 启动模块npm stop 停止模块npm restart 重新启动模块npm test 测试模块npm version 查看模块版本npm view 查看模块的注册信息npm publish 发布模块npm access 在发布的包上设置访问级别npm package.json的语法。cnpm介绍

已经知道了npm是什么了,那cnpm是什么呢? cnpm的官方介绍是:cnpm是一个完整npmjs.org镜像,是淘宝定制的cnpm(gzip 压缩支持) 命令行工具代替默认的npm: (3)如果因为网络原因无法使用npm下载,那cnpm这个就派上用场了,看到这,肯定知道了它的用途了吧。

下面就是cnpm的安装命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

以后有下载慢的包,可以使用cnpm命令进行下载,毕竟是国内的下载速度肯定能提升很多。

vue生命周期

项目前端如果使用Vue实现,必须要知道vue的生命周期,生命周期就是Vue实例从创建到销毁的过程, vue实例有一个完整的生命周期,即从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。 上图这个是v2.0版本的生命周期钩子,那vue3.0有哪些变化呢?

setup取代beforeCreate和created

setup中的函数执行相当于在选项api中的beforeCreate和created中执行

组合式api的生命周期需引入使用【前端】重学vue,vue生命周期基础知识了解一下(前端使用vue的好处)

eforeMount -> onBeforeMount,在挂载前被调用

mounted -> onMounted,挂载完成后调用

beforeUpdate -> onBeforeUpdate,数据更新时调用,发生在虚拟 DOM 打补丁之前。此时内存中的数据已经被修改,但还没有更新到页面上

updated -> onUpdated,数据更新后调用,此时内存数据已经修改,页面数据也已经更新

beforeUnmount -> onBeforeUnmount,组件卸载前调用

unmounted -> onUnmounted,卸载组件实例后调用。

errorCaptured -> onErrorCaptured,每当事件处理程序或生命周期钩子抛出错误时调用

renderTracked -> onRenderTracked,状态跟踪,vue3新引入的钩子函数,只有在开发环境有用,用于跟踪所有响应式变量和方法,一旦页面有update,就会跟踪他们并返回一个event对象

renderTriggered -> onRenderTriggered,状态触发,同样是vue3新引入的钩子函数,只有在开发环境有效,与onRenderTracked的效果类似,但不会跟踪所有的响应式变量方法,只会定点追踪发生改变的数据,同样返回一个event对象

activated -> onActivated,与keep-alive一起使用,当keep-alive包裹的组件激活时调用

deactivated -> onDeactivated,与keep-alive一起使用,当keep-alive包裹的组件停用时调用

写到最后

写到这里,是不是对vue生命周期的知识点又了解了一些,了解了更多的知识请关注公众号。

本文链接地址:https://www.jiuchutong.com/zhishi/300466.html 转载请保留说明!

上一篇:Vue3详细教程(vue3快速入门)

下一篇:Vue中的路由守卫(vue中的路由守卫有哪些)

  • 做推广时,怎样做到系统化的思考和节奏化的管控?(做推广的技巧)

    做推广时,怎样做到系统化的思考和节奏化的管控?(做推广的技巧)

  • 论坛的推广技巧(论坛推广的优势和技巧)

    论坛的推广技巧(论坛推广的优势和技巧)

  • goodnotes怎么分屏做笔记(goodnotes怎么分屏写笔记)

    goodnotes怎么分屏做笔记(goodnotes怎么分屏写笔记)

  • 荣耀X30Max支持nfc吗(荣耀x30max支持nfc吗)

    荣耀X30Max支持nfc吗(荣耀x30max支持nfc吗)

  • 戴尔无线鼠标怎么连接电脑(戴尔无线鼠标怎么连接电脑笔记本)

    戴尔无线鼠标怎么连接电脑(戴尔无线鼠标怎么连接电脑笔记本)

  • 苹果原壁纸如何设置回来(苹果手机怎么原壁纸)

    苹果原壁纸如何设置回来(苹果手机怎么原壁纸)

  • qq我的收藏怎么加密(qq我的收藏怎么删除)

    qq我的收藏怎么加密(qq我的收藏怎么删除)

  • 为什么库乐队设置不了铃声(为什么库乐队设置的铃声音质都不好)

    为什么库乐队设置不了铃声(为什么库乐队设置的铃声音质都不好)

  • 怎么锁定手机音量不变(怎么锁定手机音量大小)

    怎么锁定手机音量不变(怎么锁定手机音量大小)

  • 大疆无人机遥控器怎么关机(大疆无人机遥控器与无人机配对)

    大疆无人机遥控器怎么关机(大疆无人机遥控器与无人机配对)

  • i5 10400用什么主板(i5 10400f配什么主板)

    i5 10400用什么主板(i5 10400f配什么主板)

  • 机械硬盘能不能竖着放(机械硬盘能不能装系统)

    机械硬盘能不能竖着放(机械硬盘能不能装系统)

  • 韩版三星在中国能用吗(韩版三星在中国卖多少钱)

    韩版三星在中国能用吗(韩版三星在中国卖多少钱)

  • 华为p9plus支持扩展内存吗(华为9plus可以扩内存吗)

    华为p9plus支持扩展内存吗(华为9plus可以扩内存吗)

  • zopo手机是什么牌子(这个手机是oppo什么手机)

    zopo手机是什么牌子(这个手机是oppo什么手机)

  • 悬浮导航怎么关闭(悬浮导航怎么关闭不了)

    悬浮导航怎么关闭(悬浮导航怎么关闭不了)

  • 手机流量1m等于多少g(手机流量1m是什么意思)

    手机流量1m等于多少g(手机流量1m是什么意思)

  • 隐藏手机桌面图标软件(隐藏手机桌面图标怎么打开)

    隐藏手机桌面图标软件(隐藏手机桌面图标怎么打开)

  • 小米云台版摄像头怎么连接手机(小米云台版摄像头连接不上)

    小米云台版摄像头怎么连接手机(小米云台版摄像头连接不上)

  • 苹果x后台怎么关

    苹果x后台怎么关

  • 微信怎么发10分钟视频(微信怎么发10分钟)

    微信怎么发10分钟视频(微信怎么发10分钟)

  • 抖音一键取消所有关注(抖音一键取消所有喜欢)

    抖音一键取消所有关注(抖音一键取消所有喜欢)

  • 最通俗易懂的LSTM讲解,一个例子理解通透!!(最通俗易懂的电动力学教材)

    最通俗易懂的LSTM讲解,一个例子理解通透!!(最通俗易懂的电动力学教材)

  • uniapp微信小程序无法使用本地静态资源图片,背景图在真机不显示方法(uniapp微信小程序广告)

    uniapp微信小程序无法使用本地静态资源图片,背景图在真机不显示方法(uniapp微信小程序广告)

  • 亏损企业股权转让
  • 土地增值税的计算方法公式
  • 表见代理通俗
  • 购买软件无形资产
  • 小额支出没有发票怎么做账
  • 什么发票可以抵扣增值税
  • 2021年超市发票税率是多少
  • 应付职工薪酬月末怎么结转
  • 小汽车的增值税怎么算
  • 民办幼儿园的税收是多少
  • 建筑业适用什么行业
  • 银行承兑汇票手续费是多少
  • 房地产股权收购案例
  • 工会经费计提多少后不再提
  • 采购商品的运费计入成本的会计分录
  • 营业利润为负数说明什么
  • 搬运费计入
  • 工会经费给税务局交税比例
  • 银行承兑汇票上的承兑日期
  • 经营终止前企业资质变更
  • 分期付款买车的人多吗
  • 增值税发票金额是含税还是不含税价
  • 企业空气检测费应该计入什么会计科目核算?
  • 进项税借方有余额要怎么处理
  • 员工高温补贴奖励怎么写
  • 企业购进房产会退税吗
  • 个人银行卡作为公司备用金影响
  • 【免费】多种方法手把手教你如何将自己做的网页做成网络链接(直接访问)
  • 企业购买银行理财
  • 应收账款与主营业务收入的比率
  • 专项维修基金会计核算应当遵循及时性原则
  • 公司入股的钱叫什么
  • 苹果语音备忘录怎么导出
  • 装机电源怎么装
  • php数据结构
  • 建安企业所得税怎么算2.25税率
  • 收到投标保证金利息如何账务处理
  • 金融保险业的营业税率为
  • 小企业取得存货入账价值的依据是
  • 今天中秋节
  • 渐进模式的特点
  • vue写的购物车详细步骤
  • 代理费与代理运费的区别
  • 学生誓词最新2022年
  • python操作csv
  • 工资费用核算
  • 技术服务费增值税税率1%
  • 公司房租收据怎么写
  • 织梦文档网站模板
  • mongodb 入门
  • 国有土地租赁合同的性质
  • 记账凭证银行利息怎么写
  • 应付职工薪酬包含哪些科目
  • 出口退免税的条件
  • 被挂靠方并收取管理费的公司怎样处理账务?
  • 日后调整事项的记账凭证怎样装订
  • 固定资产减值准备一经计提不得转回
  • 应收款钱已收回会计分录
  • 农副食品发票
  • 免抵退怎么理解
  • 安全生产费计提和使用
  • 商业企业包装物包括哪些
  • sql实现行列转换
  • mysql5.7压缩包
  • mysql绿色版安装配置教程
  • windows优化软件
  • linux pb
  • win8使用教程和技能
  • windows8怎么新建word文档
  • xp升win10教程
  • 给网页添加javascript
  • 批处理/d
  • js隐写
  • shell脚本中执行命令语句
  • java script入门
  • 税务文书档案保管期限
  • 税务经侦科立案标准
  • 请问各位专家金线吊乌龟有什么功效
  • 深圳海关属于省级吗
  • 税务内控机制建设
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设