読者です 読者をやめる 読者になる 読者になる

RiotJSのrouteでmount切り替えしてみた

JavaScript なんか開発

f:id:surume_Reflection:20161229120241p:plain

RiotJSのRouteサンプル

<head>
  <title>RiotJSのRouteサンプル</title>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/2.0.15/riot+compiler.min.js"></script>
</head>
<body>
  <div>
    <div id='header'>
      <a href='#app/first'>first</a>
      <a href='#app/second'>second</a>
      <a href='#app/third'>third</a>
    </div>
    <div id='content'>
      <first></first>
    </div>
  </div>

  <script type="riot/tag">
  <first>
    <div>ふぁーすと</div>
  </first>
  <second>
    <div>せかんど</div>
  </second>
  <third>
    <div>さーど</div>
  </third>
  </script>

  <script>
    riot.mount('*');

    riot.route(function(root, page) {
      console.log(page);

      if(root==='app'){
        riot.mount('#content', page);
        riot.update();
      }
    });
    riot.route.start(true);
  </script>
</body>

ここに詳細まで書いてあった

https://blog.tagbangers.co.jp/2016/10/23/riotjs-routing

でもなぜか /app/* ワイルドカードが使えない