title: How to render a native WebComponent inside an Vue mounted app ONLY ONCE
body: <p>I created a native web-component(<code>CampusList</code>) which will request server.<br />
  Because I put it inside an element mounted by Vue, therefor Vue will <code>createElement</code>of that web-component second time
  <a href="https://i.stack.imgur.com/LYyZC.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LYyZC.jpg" alt="enter image description here" /></a>
  Because that component will require data from server, it will send the same request twice!<br />
  Of course it should not, what should I do?</p>