前端
分享前端相关知识
西瓜味儿的小志
这个作者很懒,什么都没留下…
展开
-
一文读懂vue的生命周期
1、啥是vue的生命周期每个 Vue 实例都有一个完整的生命周期,就好像每个人从呱呱坠地,要经历从儿童、少年、青年、成年到老年等生命阶段一样。一个vue实例要经历从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,这个过程就是其生命周期。简单来说就是vue实例的生命周期就是从实例创建到销毁的整个过程。2、啥是生命周期钩子函数在vue实例的生命过程中会运行一些叫做生命周期钩子的函数,用户可以通过这些钩子函数在不同阶段添加自己的代码的。简单理解,钩子嘛,就是在某个阶段给你一个原创 2021-03-24 16:25:08 · 227 阅读 · 1 评论 -
vue实例中data属性三种写法的区别
有哪三种写法啊?话不多说,先上代码: <!--第一种 --><script> let app = new Vue({ el:'#app', data:{ checked: false } })</script><!--第二种 --><script> let app = new Vue({ el:'#app',原创 2021-03-11 16:02:47 · 526 阅读 · 3 评论 -
vue中方法名:function() {} 和 方法名() {}区别
没有本质区别,后者可以说是前者的简写。methods: { name:function() {}, // ES5写法 name() {} // ES6写法}以上两种写法功能是一样的。原创 2021-03-11 15:50:01 · 2319 阅读 · 0 评论 -
vue中methods和computed有什么区别
这里先给出结论: 可以将同一函数定义为一个methods方法,亦可以定义为一个computed计算属性,两种方式的最终结果是完全相同的。不同之处在于:计算属性 computed 是基于它们的依赖缓存,只在相关响应式依赖发生改变时才会重新调用求值,否则计算属性会只会直接返回之前的计算结果,而不必再次执。相反,每当触发重新渲染时,methods 函数总会重新调用执行。在调用 methods 方法时需要有括号,而调用 computed 属性则不需要括号。下原创 2021-03-11 15:36:00 · 558 阅读 · 0 评论 -
npm install 在下载某个包时卡住不动
问题: 在启动一个vue项目之前,需要执行 npm install 命令安装依赖,本地执行该命令过程中出现一个问题,就是在下载某个包的地方卡住不动了,显示类似 extract:core-js: sill extract source-map@xxx 的字眼。 原因:可能有以下两种原因:1.版本问题导致。node版本或者npm版本太旧,此时需更新版本;2.下载源问题导致。可以使用国内淘宝镜像作为下载源。 解决方法:1.解决版本问题更新node:node官网下载安装包覆盖之前原创 2021-02-20 19:06:51 · 44895 阅读 · 4 评论