title: vuejs - "editing" html inside variable
body: <p>I've got a variable which has html inside. This is for my wysiwyg editor.</p>
  
  <pre><code>data () {
    return {
       HTMLtext: "&lt;p style="text-align: center;"&gt;&lt;b&gt;Hospital&lt;/b&gt;&lt;/p&gt;&lt;p&gt; 
         &lt;/p&gt;&lt;p style="text-align: center;"&gt; &lt;b&gt;Physician&lt;/b&gt;&lt;/p&gt;
         &lt;p&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt; City &lt;b&gt;New York&lt;/b&gt;",
       Place: "London"
     }
   }
  </code></pre>
  
  <p>Now, I want to change this HTMLtext variable in some places. For example I've got variable called place:</p>
  
  <pre><code>Place: "London"
  </code></pre>
  
  <p>and I want to replace <code>&lt;b&gt;New York&lt;/b&gt;</code> with <code>Place</code> variable into <code>&lt;b&gt;London&lt;/b&gt;</code></p>
  
  <p>What should I do? 
  What is the best approach? 
  Is it generally safe? 
  Is this a good practice?</p>