如何将手写Vue计算属性转换为长尾词？

本文共计2184个文字，预计阅读时间需要9分钟。

目录+前言+初始化计算属性+更新属性+总结+前言+官网对计算属性的介绍在这里：+传输门+计算属性是+Vue+中非常常用的一个配置项，+我们先用一个简单的例子来讲解它的功能：+div+id=+

目录

• 前言
• 初始化计算属性
• 依赖属性更新
• 总结

前言

官网对计算属性的介绍在这里：传送门

计算属性是Vue中很常用的一个配置项，我们先用一个简单的例子来讲解它的功能：

<div id="app"> {{fullName}} </div> <script> const vm = new Vue({ data () { return { firstName: 'Foo', lastName: 'Bar' }; }, computed: { fullName () { return this.firstName + this.lastName; } } }); </script>

在例子中，计算属性中定义的fullName函数，会最终处理为vm.fullName的getter函数。所以vm.fullName = this.firstName + this.lastName = 'FooBar'。