vue如何主动销毁子组件_vue组件什么条件下需要摧毁？

Vue 是数据驱动的MVVM框架，所以上来你思考的是如何组织你的数据。

v-if与组件的自动销毁

在文档中有这样一句话，v-if会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。

如果我们有这样一个组件

销毁

我们通过点击按钮改变v-if的值，销毁Child组件

var Child = {

template: `

{ { data }}

`,

data () {

return {

data: 'Child component'

}

},

beforeDestroy () {

console.log('before destory')

console.log(this.$el)

},

destroyed () {

console.log('destoryed')

console.log(this.$el)

}

}

var Ctorc = Vue.extend(Child)

var Main = {

data () {

return {

isChild: true

};

},

components: {

'i-ctorc': Ctorc

},