Estoy usando el método de reemplazo de la siguiente manera:
<code v-html="'/<test>/'.replace(/(?:\r\n|\r|\n)/g, 'testing')"></code> Tengo una cadena más grande con la que estoy probando con muchos \n , pero noté que con la función de reemplazo anterior para eliminar estos caracteres, de alguna manera se reemplaza el valor <test> dentro de // .
La cadena /<test>/ no se está convirtiendo en // , está siendo representada por la directiva v-html . Para probar con mayor precisión su método de reemplazo, recomendaría usar la directiva v-text en su lugar.
A continuación se muestra una demostración de la diferencia de salida entre las dos directivas.
new Vue({ el:"#app" }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <p>Using v-html</p> <code v-html="'/<test>/'.replace(/(?:\r\n|\r|\n)/g, 'testing')"></code> <br/> <p>Using v-text</p> <code v-text="'/<test>/'.replace(/(?:\r\n|\r|\n)/g, 'testing')"></code> </div>