функция рендеринга в Vue.js

Question

, когда функция рендеринга в Vue.js отображает элемент dom, я пытаюсь переписать директиву v-if с помощью JavaScript, если это так.

export default{ 
    destroyed(){ 
     console.log("destroyed") 
    }, 
    props:['show'], 
    render(h){ 
     if(this.show){ 
      return h('div',{domProps:{innerHTML:'test'},on:{click:this.quit}}) 
     } 
    }, 
    methods:{ 
     quit(){ 
      this.$destroy(); 
     } 
    } 
} 

Но когда шоу ложно, похоже, что экземпляр Vue не перейдет на жизненный цикл destory.

Если я использую метод vm. $ Destory, экземпляр переходит в жизненный цикл destory, но элемент dom все еще существует.

как доза это произойдет?

Answer 1

export default{ 
    destroyed(){ 
     console.log("destroyed") 
    }, 
    props:['show'], 
    render(h){ 
     if(this.show){ 
      return h('div',{domProps:{innerHTML:'test'},on:{click:this.quit}}) 
     }else { 
      return null 
     } 
    }, 
    methods:{ 
     quit(){ 
      this.$destroy(); 
     } 
    } 
} 

Здесь работает скрипка: https://jsfiddle.net/srinivasdamam/3s18pjrg/