VUE - 彭先生博客

Vue中使用watch——详细使用教程

Vue中watch的使用教程 Vue中watch用于观察某个变量，当被观察的变量发生变化时，可以触发一些自定义回调函数，让我们可以做很多事情。Watch属于Vue实例，下面我们来做一个Vue实例，并在实例中设置一个watch属性。 Watch用法 watch属性里面有四种方式来定义监听：字符串形...

2023-2-25

0 1296

Vue中的计算属性

Vue中的计算属性什么是计算属性计算属性是Vue中的一种强大的技术，可以用来从其他实例属性或者一些复杂的表达式中计算出新的变量值。这些变量的值会在实例的数据发生变化的时候自动更新，而且只要依赖的属性发生变化，它们的值也会及时更新。如何使用 1.在你的Vue实例里，添加computed属性，其...

2023-2-25

0 1201

Vue循环使用key和不使用key

例子当我点击按钮时会在中间插入一个f <div id="app"></div> <template id="my-app"> <ul> <li v-for="item in letters"&...

2023-2-25

0 1238

Vue中的diff算法

Vue 中的 Diff 算法 Vue 中的 Diff 算法是用于跟踪和批量更新 DOM 的算法，使用虚拟 DOM 和一项称为重用策略的技术，减少 DOM 操作的数量. 首先，Vue 将当前的应用状态映射为一个虚拟 DOM (vDOM)树，所有的 DOM 操作都将在 vDOM 上进行。然后，Vu...

2023-2-24

0 1200

VUE随机生成颜色并动态设置::before伪元素样式

效果先看下我通过生成随机颜色并动态设置伪元素样式完成的标签云效果获取随机数 row是生成的数量，我这里直接根据标签的个数生成的。获取完标签之后调用getColor即可。 getColor() { var row = this.tags...

2023-2-23

0 2689

methods方法绑定this

为什么不能使用箭头函数？在vue官网中可以看到这样一句话：注意：不应该使用箭头函数来定义method函数（例如plus:()=>this.a++)。理由是箭头函数绑定了父级作用域的上下文，所以this将不会按照期望指向组件实例，this.a将是undefined。我们在metho...

2023-2-18

0 2132

vue比较版本号

比较版本号今天在写EmlogAPP在线更新功能的时候有用到版本比较，记录一下给你们看看效果吧实现方法将两个版本号拆成数字依次比较版本号每一位大小，当对比得出结果后跳出循环比较方法来自：CSDN作者luviaWu大佬实现代码 compare(curV, reqV...