Vue在init之后动态创建计算

Question

是否可以在组件初始化后动态创建计算？

我事先并不知道计算机应该具有的名称。

Answer 1

计算属性类似于计算属性根据其依赖项进行高速缓存的方法。计算属性仅在其某些依赖项发生更改时才会重新计算。

<template>
    <div id="app">
      {{reverseMessage}}
      Message: <input v-model="message"/>
    </div>
</template>

<script>
    new Vue({
     el: '#app',
     data: {
      message: ''
     },
     computed: {
      reverseMessage: () => {
        return this.message.reverse();
      }
     }
    });
</script>

这意味着只要消息没有改变，对reversedMessage计算属性的多次访问将立即返回先前计算的结果，而不必再次运行该函数。

如果它是用方法编写的，那么每当视图重新渲染时它都会重新进行评估。