Как сделать перенос строки в vue?
Подскажите , как сделать так ,что если в переменной находится \n то оно его занимает на тег
и просто переносило предложение на следующую строчку ?
const app = new Vue({
el: '#app',
data() {
return {
activeTextRule: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci, aperiam. Temporibus ab assumenda \n dolores doloribus consequuntur voluptatibus, quisquam suscipit veritatis repellat molestiae accusantium facilis sed voluptas, itaque fuga odio maxime'
}
},
});<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">{{activeTextRule.split('\n').join('<br>') }}</div>