vue深度監控數據改變，緩存數據到本地

項目效果圖：

var vm = new Vue({
        el:'#app',
        data:{
            students:[],
        },
        watch:{
            students:{
                handler(){
                    localStorage.setItem('student',JSON.stringify(this.students))
                },
                deep:true,
            }
        },
        created(){
            this.students = JSON.parse(localStorage.getItem('student')) || []
        }
    })

需要注意兩個地方：

需要用JSON.stringify(）轉換為字符串存儲起來，再用JSON.parse(）轉換為對象
首次進入緩存中沒數據的時候會報錯，需要賦值為空數組 || []