利用uniapp实现数据缓存功能

<template><div class="container">    <div class="input-container">      <input type="text" v-model="inputData" placeholder="请输入数据"><button>保存数据</button>    </div>    <div class="output-container">      <p v-for="(data, index) in dataList" :key="index">{{ data }}</p>    </div>  </div></template><script>export default {  data() {    return {      inputData: '',      dataList: []    }  },  methods: {    saveData() {      if (this.inputData !== '') {        this.dataList.push(this.inputData)        uni.setStorageSync('dataList', this.dataList)        this.inputData = ''      }    }  },  onLoad() {    this.dataList = uni.getStorageSync('dataList') || []  }}</script><style>.container {  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  height: 100vh;}.input-container {  display: flex;  align-items: center;  margin-bottom: 20px;}.input-container input {  margin-right: 10px;}.output-container p {  margin-bottom: 10px;}</style>