<div id="box"> <span>{{str.toLowerCase()}}</span> </div> <script type="text/javascript"> var demo new Vue({ el:'#box'; data:{ str:'HTML' } }) </script>

代码有语法错误，应该是这样的：

<div id="box">
  <span>{{str.toLowerCase()}}</span>
</div>
<script type="text/javascript">
  var demo = new Vue({
    el:'#box',
    data:{
      str:'HTML'
    }
  })
</script>

这段代码使用了 Vue.js 框架来实现数据绑定功能。在 HTML 中，`div` 元素的 `id` 为 `box`，`span` 元素中使用了双花括号语法 `{{}}` 来绑定 Vue 实例中的数据 `str`，并通过 `toLowerCase()` 方法将其转换为小写字母显示在页面中。

在 JavaScript 中，`new Vue({...})` 创建了一个 Vue 实例，其中 `el` 属性指定了 Vue 实例的挂载点，这里是 `div#box` 元素。`data` 属性用于定义数据对象，这里定义了一个名为 `str` 的字符串型数据，并赋初值为 `'HTML'`。最后通过 `var demo = new Vue({...})` 将 Vue 实例赋值给了变量 `demo`。