为啥这段 vue 的代码无法正常运行?感觉写的没错

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="../vue.js"></script>
</head>
<body>
  <div id="root">
    <!-- <div title="this is hello world">{{msg}}</div>-->
  </div>
	
  <script>
    new Vue({
      el: "#root",
      template: "<div title="this is hello world">{{msg}}</div>",
      data: {
        msg: "hello"
      }
	})	
  </script>
</body>
</html>

报错信息：
SyntaxError: missing } after property list
note: { opened at line 14, column 10