visualforce でdivタグに xmlns を定義すると、なぜか表示されなくなったので解決した

visualforce で vue.js を使う際に、id付きのdivと一緒に xmlns: を定義すると、これ以降のoutputPanelがレンダリングされなくなった。

<apex:component >
  <apex:outputPanel rendered="false">
    <div id="xxx" xmlns:v-bind="http://vue.org" xmlns:v-on="http://vue.org">
      :
    </div>
  </apex:outputPanel>
  <apex:outputPanel rendered="true">
    <p>表示されない</p>
  </apex:outputPanel>
</apex:component>

原因は不明だけど、xmlns:の定義を別divで切り出すことで解決できました。

<apex:component >
  <apex:outputPanel rendered="false">
    <div id="xxx">
      <div xmlns:v-bind="http://vue.org" xmlns:v-on="http://vue.org">
        :
      </div>
    </div>
  </apex:outputPanel>
  <apex:outputPanel rendered="true">
    <p>表示される</p>
  </apex:outputPanel>
</apex:component>

原因やもっとよい解決方法がある場合は、教えて下さい...