关于vnode的困惑

Question

比如说有以下代码：

<template>
    <img v-test src="https://imgsa.baidu.com/baike/pic/item/8ad4b31c8701a18b68313cf4942f07082938feb7.jpg">
</template>
<script>
   export default{
        directives:{
            test:{
                inserted:function(el,binding,vnode){
                    // 我可以像这样操作vnode吗
                    if(vnode.tag === 'img){
                        vnode.tag === 'canvas'
                        vnode.elm = document.createElement('canvas)
                    }
                }
            }
        }
   } 
</script>

试了一下确实可以。有没有大神这样用过，这样做有什么缺陷吗？