<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <div id="app">
      <span v-bind:title="message">
        {{ style }}
      </span>
    </div>
    <script data-require="jquery@2.2.4" data-semver="2.2.4" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script data-require="vue.js@*" data-semver="10.0.26" src="https://cdn.jsdelivr.net/vue/1.0.26/vue.min.js"></script>
    <script src="script.js"></script>
  </body>

</html>
(function(global, $) {
  var app = new Vue({
    el: '#app',
    data: {
      style: 'It\'s default text.',
      message: 'You loaded this page on ' + new Date().toLocaleString()
    }
  });
})(window, jQuery);
/*docs
コメントコメントコメント

```html
<span>赤</span>
```
*/
span {
  color: #f66;
}

/*docs
コメントコメントコメント

```html
<span class="test">.test</span>
```
*/
.test {
  color: #0ff;
}