Vue中使用watch——详细使用教程
Vue中使用watch——详细使用教程
Vue中watch的使用教程 Vue中watch用于观察某个变量,当被观察的变量发生变化时,可以触发一些自定义回调函数,让我们可以做很多事情。Watch属于Vue实例,下面我们来做一个Vue实例,并在实例中设置一个watch属性。 Watch用法 watch属性里面有四种方式来定义监听: 字符串形...
 2023-2-25
Vue中的计算属性
Vue中的计算属性
Vue中的计算属性 什么是计算属性 计算属性是Vue中的一种强大的技术,可以用来从其他实例属性或者一些复杂的表达式中计算出新的变量值。这些变量的值会在实例的数据发生变化的时候自动更新,而且只要依赖的属性发生变化,它们的值也会及时更新。 如何使用 1.在你的Vue实例里,添加computed属性,其...
 2023-2-25
Vue循环使用key和不使用key
Vue循环使用key和不使用key
例子 当我点击按钮时会在中间插入一个f <div id="app"></div> <template id="my-app"> <ul> <li v-for="item in letters"&...
 2023-2-25
Vue中的diff算法
Vue中的diff算法
Vue 中的 Diff 算法 Vue 中的 Diff 算法是用于跟踪和批量更新 DOM 的算法,使用虚拟 DOM 和一项称为重用策略的技术,减少 DOM 操作的数量. 首先,Vue 将当前的应用状态映射为一个虚拟 DOM (vDOM)树,所有的 DOM 操作都将在 vDOM 上进行。然后,Vu...
 2023-2-24
VUE随机生成颜色并动态设置::before伪元素样式
VUE随机生成颜色并动态设置::before伪元素样式
效果 先看下我通过生成随机颜色并动态设置伪元素样式完成的标签云效果 获取随机数 row是生成的数量,我这里直接根据标签的个数生成的。获取完标签之后调用getColor即可。 getColor() { var row = this.tags...
 2023-2-23
methods方法绑定this
methods方法绑定this
为什么不能使用箭头函数? 在vue官网中可以看到这样一句话: 注意:不应该使用箭头函数来定义method函数(例如plus:()=>this.a++)。理由是箭头函数绑定了父级作用域的上下文,所以this将不会按照期望指向组件实例,this.a将是undefined。 我们在metho...
 2023-2-18
vue比较版本号
vue比较版本号
比较版本号 今天在写EmlogAPP在线更新功能的时候有用到版本比较,记录一下 给你们看看效果吧 实现方法 将两个版本号拆成数字 依次比较版本号每一位大小,当对比得出结果后跳出循环 比较方法来自:CSDN作者luviaWu大佬 实现代码 compare(curV, reqV...
 2023-1-13

Theme By Brief 鄂ICP备19010459号

sitemap

首页

分类

友链