组件之间通过本地存储传计算属性

要在Vue组件之间通过本地存储传递计算属性，可以按照以下步骤进行操作：

1. 在发送数据的组件中，将计算属性的值存储到本地存储中。
2. 在接收数据的组件中，从本地存储中获取存储的值，并将其作为计算属性的初始值。

   <!-- Sender.vue -->
   <template>
     <div>
       <button @click="sendData">Send Data</button>
     </div>
   </template>
   
   <script>
   export default {
     computed: {
       computedData() {
         // 计算属性的逻辑
         return 'Hello';
       },
     },
     methods: {
       sendData() {
         localStorage.setItem('computedData', this.computedData);
       },
     },
   };
   </script>
   
   <!-- Receiver.vue -->
   <template>
     <div>
       <p>{{ receivedData }}</p>
     </div>
   </template>
   
   <script>
   export default {
     computed: {
       receivedData() {
         return localStorage.getItem('computedData');
       },
     },
   };
   </script>
   

   在上述代码中，我们在Sender组件中定义了一个名为computedData的计算属性，并在sendData方法中将计算属性的值存储到名为'computedData'的键中。然后，在Receiver组件中定义了一个名为receivedData的计算属性，并从名为'computedData'的键中获取存储的值。这样，就实现了Vue组件之间通过本地存储传递计算属性的功能。请注意，本地存储中的数据是以字符串的形式存储的，所以在接收数据时需要进行相应的类型转换。