читать данные локального хранилища с помощью vue.js

Question

Я создаю расширение Chrome, используя vue.js и локальное хранилище.В моем background.js я помещаю данные в локальное хранилище.В одном из моих компонентов vue теперь я хочу получить и использовать сохраненные данные.

У меня есть работающая версия, но я не совсем уверен, является ли это лучшим решением.Здесь вы можете увидеть мою текущую версию:

<template>
<div class="container">
  <ul id="v-for-object" class="demo">
    <li v-for="value in content" :key="value">
      <span>{{ value.domain }}</span>
      <span>{{ value.count }}</span>
    </li>
</ul>
</div>
</template>

<script>
export default {
  name: 'test-route',
  data: function() {
    return {
      content: {},
    };
  },
  created: function() {
    let websites = JSON.parse(localStorage.getItem('06/10/2018'));
    this.content = websites;
  },
};
</script>

Я получаю данные локального хранилища при загрузке компонента и сохраняю их в массив данных, через который я зацикливаюсь внутри моего шаблона.

Isэто умный?И есть ли решение, при котором содержимое меняется каждый раз, когда происходит изменение в локальном хранилище, а не при загрузке компонента?