去看sources里的代码，别看elements里的。

<p id="app">
    <p id="no-mode-demo" class="demo">
        <transition name="no-mode-fade">
            <button v-if="on" key="on" @click="on = false">
          on
        </button>
            <button v-else="" key="off" @click="on = true">
          off
        </button>
        </transition>
    </p>
</p>
<script>
    new Vue({
        el: '#no-mode-demo',
        data: {
            on: false
        }
    })
</script>
<style>
    .no-mode-fade-enter-active,
    .no-mode-fade-leave-active {
        transition: opacity .5s
    }
    
    .no-mode-fade-enter,
    .no-mode-fade-leave-active {
        opacity: 0
    }
</style>

提示很清楚了，isEditing 为定义；
请把 data:{on : false} 改为data:{isEditing : false}；
再为button添加事件来修改isEditing的值即可！