Vue进阶（幺肆幺）：Vue 计算属性 computed 方法内传参_vue v-model computed get()传参(3)

最后

喜欢的话别忘了关注、点赞哦~

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

文章目录

• • 一、前言
    • 二、场景引入
    • 三、拓展阅读

---

一、前言

在前期博文《Vue进阶（八十四）：vue中Computed 和 Watch的使用和区别》中，讲解了vue中Computed 和 Watch的使用和区别，其中，只是介绍了computed如何计算元素属性，并未介绍如何方法传参。本篇博文主要讲解下如何利用computed的计算属性进行传参。

二、场景引入

在前端项目开发过程中，会遇到码值转换应用场景，且不同页面会存在复用码值转换情况，为提升代码服用率，考虑将码值转换函数抽取为公共函数，在公共函数返回转码后的文字后，如何在页面中合理展示？尝试过方法调用，但是遗憾的是转码后的文字并未在页面展示，此时考虑使用computed计算属性，在结果列表中应用computed计算属性，需要传入列表数据的码值，但vue中computed计算属性无法直接进行传参。

如果有传参数的需求比如说做数据筛选功能可以使用闭包函数（也叫匿名函数）实现。

例如：

<tr v-for="(item,index) in arr" v-if="myfilter(index)">
    <td>{{item.username}}</td>
    <td>{{item.sex}}</td>
    <td>{{item.grade}}</td>
    <td>
        <a href="#" @click="delClick(index)">删除</a>
    </td>
</tr>

应用computed计算属性：

css

1，盒模型
2，如何实现一个最大的正方形
3，一行水平居中，多行居左
4，水平垂直居中
5，两栏布局，左边固定，右边自适应，左右不重叠
6，如何实现左右等高布局
7，画三角形
8，link @import导入css
9，BFC理解

js

1，判断 js 类型的方式
2，ES5 和 ES6 分别几种方式声明变量
3，闭包的概念？优缺点？
4，浅拷贝和深拷贝
5，数组去重的方法
6，DOM 事件有哪些阶段？谈谈对事件代理的理解
7，js 执行机制、事件循环
8，介绍下 promise.all
9，async 和 await,
10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.youkuaiyun.com/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**