一、 计算属性（computed） 1.计算属性是为了模板中的表达式简洁，易维护，符合用于简单运算的设计初衷。 例如： <p id="app">{{ myname.substring(0,1).toUpperCase() + myname.substring(1) }}</p> 运算过于复杂，冗长， ...
分类：
其他好文 时间：
2021-03-06 14:39:38
阅读次数：
0
vue中computed计算属性无法直接进行传参 如果有传参数的需求比如说做数据筛选功能可以使用闭包函数实现。 通过闭包函数传参即可实现 ...
分类：
其他好文 时间：
2021-03-03 12:07:49
阅读次数：
0
侦测变化 - watch Watch 文档地址 // watch 简单应用 watch(data, () => { document.title = 'updated ' + data.count }) // watch 的两个参数，代表新的值和旧的值 watch(refData.count, (n ...
分类：
其他好文 时间：
2021-02-27 13:06:52
阅读次数：
0
在 Vue3 测试版刚刚发布的时候，我就学习了下 Composition API，但没想到正式版时隔一年多才出来，看了一下发现还是增加了不少新特性的，在这里我就将它们一一梳理一遍。 本文章只详细阐述 Vue3 中重要或常用的新特性，如果想了解全部的特性请转：Vue3 响应性基础 API Compos ...
分类：
其他好文 时间：
2021-02-24 13:22:20
阅读次数：
0
因为我数据库字段存的是0和1，在使用iview的Switch控件的时候，它是bool值判断，非常不好使，于是搞个计算属性实时监听，它有get和set两个方法，很方便 代码如下： <i-switch v-model="IsEnable" /> computed: { IsEnable: { get: ...
分类：
其他好文 时间：
2021-02-19 13:46:34
阅读次数：
0
data: { datas: { a: 77, b: 86 } } 使用deep:true深层次监听 'datas':{ handler:function(newVal){ console.log(this.datas); }, deep:true } 监听某一个具体的属性 'datas.a':{ ...
分类：
其他好文 时间：
2021-01-18 10:45:24
阅读次数：
0
# 为什么vuex的数据不直接给data而要通过computed计算 ## 疑惑 其实一直以来使用vue的状态管理vuex都有一个疑惑，文档中介绍，vue的状态数据`$store.state.xx`的在组件中的使用通常都是通过组件的计算属性computed来使用如下: ```javascript c ...
分类：
其他好文 时间：
2021-01-15 12:10:36
阅读次数：
0
获取样式 window.getComputedStyle(标签.想要获取的属性) //后面的.可加可不加 var obj = window.getComputedStyle(box); console.log( window.getComputedStyle(box) ); console.log( ...
分类：
其他好文 时间：
2021-01-13 10:31:56
阅读次数：
0
1.使用methods计算属性，调用几次，执行几次，没有缓存，性能较低 如下案例，调用三次，执行三次 2.computed计算属性，多次调用，如果计算的属性没有发生变化，之调用一次 如下案例，调用三次，执行一次 总结：如果页面中大量使用计算属性，最好放computed中，提升性能 ...
分类：
其他好文 时间：
2020-12-22 12:36:22
阅读次数：
0
计算属性 为什么需要计算属性 把复杂的计算逻辑用简洁的模板内容体现出来。 计算属性的用法 computed: { reverseString: function(){ return this.msg.split('').reverse().join(''); } } 弄好了直接在页面中引用计算属性的 ...
分类：
其他好文 时间：
2020-12-18 13:08:47
阅读次数：
3
