代碼如下：

<no-ssr placeholder="加載中" v-highlight>
      <pre>{{mycode}}<code style="atom-one-dark" :class="myCodeClass">{{mycode}}</code></pre>
    </no-ssr>

const hljs = require('highlight.js');

    Vue.directive('highlight', {

        

        inserted: el => {

            let blocks = el.querySelectorAll('pre code');

            blocks.forEach( (block) => {
                hljs.highlightBlock(block);
            });

            console.log('test1');

        },

        componentUpdated: el => {

            let blocks = el.querySelectorAll('pre code');

            blocks.forEach( (block) => {
                hljs.highlightBlock(block);
            });

            console.log('test22', blocks);

        },

    });

當(dāng)mycode這個變量更新的時候，html里面的{{mycode}}是實時更新的。但是highlightjs顯示的代碼依然還是舊的代碼，如何解決呢？