<!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
 |
1
UnluckyNinja Jul 1, 2019  1
template 里面双引号没转义
建议使用 VSC 等内置语法高亮和显示编译错误的编辑器 |
 |
2
MonoLogueChi Jul 1, 2019 via Android 1
按照报错信息，第 14 行第十个字符，是个引号，其实在浏览器里你一点就能直接定位到错误行
|
 |
3
zhizunzz Jul 1, 2019 via Android 1
template 字符串用单引号就好了
|
 |
4
iwanghang Jul 1, 2019 1
template: "<div title='this is hello world'>{{msg}}</div>"
双引号里面使用单引号 |
|
5
iwanghang Jul 1, 2019
双引号里面字符串使用单引号，单引号里面使用双引号，通常也会使用\'或\"转义
|
 |
6
zealic Jul 1, 2019
语法高亮都告诉你原因了
|
 |
7
plqws Jul 1, 2019
这个都不是 vue 的问题了，这是编程基础的问题
|
 |
8
MilkShake Jul 1, 2019
楼上说的有理，跟 vue 没关系，是编程问题了。
|
 |
9
15651980765 Jul 1, 2019
楼上正解，也可以用 es6 的反引号``
|
 |
10
brust Jul 1, 2019
语法高亮都告诉你原因了
|
 |
11
Sapp Jul 1, 2019
@aaa5838769 这跟编程基础问题都不打，纯粹是不看错误提示。不过说回来我甚至碰到过工作几年的报了错还是一味的问别人哪里错了，明白的写着的错误都不会看
|
 |
13
SilentDepth Jul 3, 2019
这就是为什么建议 JS 字符串用单引号包裹的原因（
|
Select Language