Vue生命周期
<body>
<div id="app">
<h1>{
{
message}}</h1>
<button @click="update">更新数据</button>
<button @click="destroy">销毁组件</button>
</div>
</body>
<script>
var vm = new Vue({
el: '#app',
data: {
message: 'Vue的生命周期'
},
methods:{
update(){
this.message = '我改变了数据'
},
destroy(){
this.$destroy(); //组件被销毁以后, 再次对组件进行任何操作都 不起作用了
// vm.$destroy();
}
},
beforeCreate: function() {
console.group('------beforeCreate 创建前状态:组件实例刚刚创建,还未进行数据观测和事件配置------');
console.log("%c%s", "color:red" , "el : " + this.$el); //undefined
console.log("%c%s", "colo