title: Get new rows from textarea with v-model - VueJS
body: <p>I have a concern how to get the string from textarea but also to get every new row added by pressing enter, also TAB space. Priority is to get every new row, so I can use that string to add to paragraphs but to respect new rows, TAB spaces.</p>
  
  <p>Example:</p>
  
  <p>Textarea text: <a href="http://prntscr.com/kvbbcv" rel="nofollow noreferrer">http://prntscr.com/kvbbcv</a>.</p>
  
  <p>When I add value to the paragraph: 
  <a href="http://prntscr.com/kvbbur" rel="nofollow noreferrer">http://prntscr.com/kvbbur</a></p>
  
  <p>One more example: <a href="http://prntscr.com/kvhmca" rel="nofollow noreferrer">http://prntscr.com/kvhmca</a></p>
  
  <p>What would be the best practice to fix this problem?</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;textarea v-model="comment"&gt;&lt;/textarea&gt;
  
  &lt;p&gt;{{ comment }}&lt;/p&gt;
  </code></pre>