Vue（十）生命周期
生活随笔
收集整理的這篇文章主要介紹了
Vue（十）生命周期
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Vue生命周期 vue實例從創建到銷毀的過程，稱為生命周期，共有八個階段
<script>
window.οnlοad=function(){let vm = new Vue({el:'#app',data:{msg:'Hello World ! '},methods:{update(){this.msg='Hello Kitty！';},destroy(){// this.$destroy();vm.$destroy();}},beforeCreate(){alert('組件實例剛剛創建，還未進行數據觀測和事件配置');},created(){ //常用！！！alert('實例已經創建完成，并且已經進行數據觀測和事件配置');},beforeMount(){alert('模板編譯之前，還沒掛載');},mounted(){ //常用！！！alert('模板編譯之后，已經掛載，此時才會渲染頁面，才能看到頁面上數據的展示');},beforeUpdate(){alert('組件更新之前');},updated(){alert('組件更新之后');},beforeDestroy(){alert('組件銷毀之前');},destroyed(){alert('組件銷毀之后');}})}</script><body><div id="app">{{msg}}<br><button @click="update">更新數據</button><button @click="destroy">銷毀組件</button></div></body>
?
轉載于:https://www.cnblogs.com/yulingjia/p/8257285.html
總結
以上是生活随笔為你收集整理的Vue（十）生命周期的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 求一个男孩子好听的名字
- 下一篇： 无限之住人在哪里看这部电影怎么也找不到资