vue對文本中的\n 進行換行

1、v-html，不管是br還是\n都可以換行

<p v-html="msg"></p>

data(){
	return{
		msg: '隨便一段文字\n換行了 '
	}
}

2、文本中有 \ n 的換行

<p style="white-space: pre-wrap;">{{msg}}</p>

data(){
	return{
		msg: '隨便一段文字\n換行了 '
	}
}

3、文本中有 《br》的換行，就是把br替換成\n

<p style="white-space: pre-wrap;">{{changeLine(msg)}}</p>

data(){
	return{
		msg: '隨便一段文字<br>換行了 '
	}
},
methods:{
	changeLine(str){
		return str.replace(/<br>/g,'\n')
	}
}