位置: 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中的路由守卫有哪些)

  • 直通车关键词匹配模式探究(直通车关键词的作用)

    直通车关键词匹配模式探究(直通车关键词的作用)

  • 微信怎么扫自己的图片(微信怎么扫自己手机上的二维码付款)

    微信怎么扫自己的图片(微信怎么扫自己手机上的二维码付款)

  • iphone13pro怎么更换壁纸(iphone13pro怎么更改蓝牙名称)

    iphone13pro怎么更换壁纸(iphone13pro怎么更改蓝牙名称)

  • 硬盘温度多少算正常(硬盘温度多少算高)

    硬盘温度多少算正常(硬盘温度多少算高)

  • 华为nova5怎么返回上一个界面(华为nova5怎么返回)

    华为nova5怎么返回上一个界面(华为nova5怎么返回)

  • ldac蓝牙耳机有哪些(ldac蓝牙无线耳机)

    ldac蓝牙耳机有哪些(ldac蓝牙无线耳机)

  • 拼小圈怎么撤回好友申请(拼小圈怎么撤回消息)

    拼小圈怎么撤回好友申请(拼小圈怎么撤回消息)

  • 苹果浏览器看视频黑屏(苹果浏览器看视频怎么锁定横屏)

    苹果浏览器看视频黑屏(苹果浏览器看视频怎么锁定横屏)

  • 手机照片如何传到电脑(手机照片如何传到百度网盘)

    手机照片如何传到电脑(手机照片如何传到百度网盘)

  • 苹果手机照片有感叹号怎么办(苹果手机照片有感叹号模糊怎么回事)

    苹果手机照片有感叹号怎么办(苹果手机照片有感叹号模糊怎么回事)

  • iphone 11双卡怎么插(iphone11双卡怎么放)

    iphone 11双卡怎么插(iphone11双卡怎么放)

  • 爱奇艺会员杜比音效是什么(爱奇艺会员杜比音效怎么开)

    爱奇艺会员杜比音效是什么(爱奇艺会员杜比音效怎么开)

  • 小米6x移动4g 什么意思(小米6x 4gb)

    小米6x移动4g 什么意思(小米6x 4gb)

  • win7网址收藏夹在哪里(windows7浏览器收藏夹)

    win7网址收藏夹在哪里(windows7浏览器收藏夹)

  • word艺术字上下型环绕怎么设置(word艺术字体怎么设置上下环绕)

    word艺术字上下型环绕怎么设置(word艺术字体怎么设置上下环绕)

  • samsung是什么牌子(samsung是什么牌子的电脑)

    samsung是什么牌子(samsung是什么牌子的电脑)

  • 华为mate30和华为p30对比(华为mate30和华为p50pro哪个好)

    华为mate30和华为p30对比(华为mate30和华为p50pro哪个好)

  • 手机快传怎么用(手机快传功能在哪)

    手机快传怎么用(手机快传功能在哪)

  • 兼容机的优缺点(兼容机的概念是谁提出来的)

    兼容机的优缺点(兼容机的概念是谁提出来的)

  • iphone11支持双卡么(iphone11 支持双卡)

    iphone11支持双卡么(iphone11 支持双卡)

  • 左连接和内连接的区别(左连接和内连接哪个效率高)

    左连接和内连接的区别(左连接和内连接哪个效率高)

  • epon和gpon的区别(epon跟gpon有什么区别)

    epon和gpon的区别(epon跟gpon有什么区别)

  • win10网络连接感叹号(win10 网络连接)

    win10网络连接感叹号(win10 网络连接)

  • vue+element-ui前端使用print-js实现打印,可自定义样式(横纵向,缩放比,字体大小,背景色)(前端 vue)

    vue+element-ui前端使用print-js实现打印,可自定义样式(横纵向,缩放比,字体大小,背景色)(前端 vue)

  • 契税减免税特殊规定有哪些?
  • 公司去社保局开什么发票
  • 小规模纳税人购买原材料会计分录
  • 超市小票能否入库
  • 其他综合收益影响递延所得税负债吗
  • 算所得税要不要减去增值税
  • 技术服务费3%
  • 公司基本户如何注销
  • 委托加工物资两种情况例题
  • 辅导期一般纳税人
  • 外购固定资产账务处理
  • 没残值的固定资产有哪些
  • 高危职业人身意外险
  • 盘亏的设备做营业外支出的会计分录怎么处理?
  • 企业利息收入要交所得税吗
  • 出差票据应该如何记账
  • 税金及附加是根据什么填列的
  • 电费专票抵扣需要发票吗
  • 个人劳务费发票个人所得税
  • 小额开专票
  • 单位的审计
  • 公司股东和自然人的区别
  • 环评费属于固定资产吗
  • 退税技术有什么影响
  • 常见的linux系统磁盘
  • win10怎么改通知
  • 差旅费的会计处理
  • php redis实现秒杀思路
  • 红利所得的税法规定
  • 发票已认证还能作废吗2020
  • php数组函数 菜鸟
  • 动态定位
  • 材料采购是什么类科目
  • 增值税负数要结转
  • 需要计提坏账准备吗
  • 织梦模板转讯睿模板
  • 个体户开出的发票没跟对方说自己冲红了怎么办
  • 食堂买菜是什么费用
  • mongodb reactive
  • 税法规定的增值税是指
  • 无形资产摊销账面价值
  • 可抵扣进项税额的六种类型
  • 负债项目的排列顺序
  • 财务分析与财务管理的共同点
  • 费用报销如何做账务处理分录
  • 所得税汇算清缴需要调增的项目
  • 同一个法人的两家企业可以进行互相开票吗
  • 资产减值后折旧怎么算
  • 过滤重复字符串
  • centos6.1安装
  • 微软停止更新win7
  • 删除 ubuntu
  • centos中如何查看ip地址
  • win7 mysql
  • linux文件系统损坏导致网络断开
  • centos6.5桌面版安装教程
  • win10系统电脑开机黑屏
  • Win10系统怎么使用经典事件查看器?
  • win7突然变卡顿怎么回事
  • win7文件和打印机共享
  • linux如何使用
  • Apache 2.0.55 for Linux 下载
  • win8禁用网络之后如何开启
  • Win10 Mobile 10586.164中文版升级截图曝光
  • VS2013 OpenGL MFC 编程问题
  • unity接入安卓sdk
  • python程序的开发过程
  • 无线adb调试开关下载
  • 删除批处理命令
  • 每天自动重启命令
  • jquery1.8
  • python爬虫爬取网页数据
  • 安卓 centos
  • jQuery soColorPacker 网页拾色器
  • android多语言失效
  • 如何加强部门联动协作
  • 中国纳税大户排行
  • 江苏省办理准生证的app叫什么
  • 机打发票教程视频
  • 黄金手镯可以卖出去吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设