Riot.jsv3(IE 11)와 v6(IE 11 비대응)의 표기법이 다르다

4835 단어 riot.js

version 3 (v3.13.2)


항목
v3
v6
IE9 지원
(확인 필요)
×
IE11 지원

×
commpile 지정
필요 없다
×필요하다
type 이름 지정<script src="a.htm" type="riot/tag"></script> <script src="a.htm" type="riot"></script>태그의 script
가능하다, ~할 수 있다,...
×불가능
  • IE 11
  • 용 version3
  • version6과 가장 큰 차이점은 type명이다.
  • version3의 쓰기
    <script src="my-sample.htm" type="riot/tag"></script>
    
    <script>
      riot.mount('sample')
    </script>
    
    version6의 쓰기
    <script src="my-sample.htm" type="riot"></script>
    
    <script>
    (async function main() {
      await riot.compile()
      riot.mount('sample')
    }())
    </script>
    

    version3의 예


    index.html
    <sample />
    <script src="my-sample.htm" type="riot/tag"></script>
    <script src="//unpkg.com/riot@3/riot+compiler.min.js"></script>
    
    <script>
      riot.mount('sample')
    </script>
    
    my-sample.htm
    <sample>
        <h1>ハロワ4</h1>
        <h2>ハロワ5</h2>
    </sample>
    

    version 6 (v6.0.1)


    문서


  • https://github.com/riot/riot/releases
  • 2021/7/24 최신 버전 6.0.1
  • 견본

  • index.html
  • my-sample.htm
  • index.html
    <sample />
    <script src="my-sample.htm" type="riot"></script>
    <script src="//unpkg.com/riot@6/riot+compiler.min.js"></script>
    
    <script>
    (async function main() {
      await riot.compile()
      riot.mount('sample')
    }())
    </script>
    
    my-sample.htm
    <sample>
        <h1>ハロワ4</h1>
        <h2>ハロワ5</h2>
    </sample>
    

    좋은 웹페이지 즐겨찾기