如何在vuejs中绑定html <title>内容?

我正在尝试在vuejs上进行演示。现在,我想要html标题绑定vm字段。

以下是我尝试的方法:

index.html

<!DOCTYPE html>
<html id="html">
<head>
    <title>{{ hello }}</title>
    <script src="lib/requirejs/require.min.js" data-main="app"></script>
</head>
<body>
{{ hello }}
<input v-model="hello" title="hello" />
</body>
</html>

app.js

define([
    'jquery', 'vue'
], function ($, Vue) {
    var vm = new Vue({
        el: 'html',
        data: {
            hello: 'Hello world'
        }
    });
});

但是标题似乎没有界限,如何使其发挥作用?