vue 计算属性-姓名案例

计算属性是Vue.js中的一个特性，用于根据已有属性计算出一个新的属性值。在Vue.js中，计算属性的实现有多种方式。

一种常见的实现方式是使用computed选项，在Vue实例中定义一个computed对象，其中包含一个fullName属性。这个属性通过get函数计算得出。在get函数中，我们可以获取到firstName和lastName，并返回它们的拼接结果。这样，在模板中调用{{fullName}}时，就会自动计算出新的属性值并渲染到页面上。

另一种实现方式是使用methods选项。在Vue实例中定义一个methods对象，其中包含一个fullName方法。这个方法通过获取firstName和lastName，然后返回它们的拼接结果。在模板中调用{{fullName()}}时，就会调用这个方法并渲染返回值到页面上。

在这个案例中，我们可以看到Vue.js中计算属性的两种实现方式的示例代码。其中computed选项适用于纯粹的计算，而methods选项适用于需要进行更多逻辑处理的情况。