Vue 封装的组件生命周期钩子
生活随笔
收集整理的這篇文章主要介紹了
Vue 封装的组件生命周期钩子
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
export default {// ...// 在組件初始化時調用,可以簡單理解為頁面加載時created () {// 存在 localStorage 的緩存內容 if (localStorage.data) { this.myData = JSON.parse(localStorage.data) } else { // 頁面無緩存內容時,初始化數據并寫入緩存 this.initData() } } // 在組件銷毀前調用,但這并不能監聽到頁面退出的事件 beforeDestory () { // 在此同樣可對 localStorage 做一些處理 } }
export default {beforecreate() {// 創建前狀態}created () { // 創建完畢狀態 } beforeMount(){ // 掛載前狀態 } mounted(){ // 掛載結束狀態 } } ?
更多專業前端知識,請上 【猿2048】www.mk2048.com
export default {beforecreate() {// 創建前狀態}created () { // 創建完畢狀態 } beforeMount(){ // 掛載前狀態 } mounted(){ // 掛載結束狀態 } } ?
更多專業前端知識,請上 【猿2048】www.mk2048.com
總結
以上是生活随笔為你收集整理的Vue 封装的组件生命周期钩子的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CSS_选择符
- 下一篇: Echarts在手机端y轴数据过大,显示