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