VUE 2.0 修改限定符无效怎么办呢

2017-05-14 10:23:34 +08:00
 SlipStupig

作为小白学习 VUE,然后改了 vue 的限定符,出现了"{{ something }}"和新的限定符都无法使用的情况 代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>

<body>
<div id="app">
  ${ message }}
</div>
<script>
    var app = new Vue({
  delimiters: ['${', '}']
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }

})
</script>
</body>

</html>

怎么才能既不冲突又能正常工作呢?

3312 次点击
所在节点    程序员
5 条回复
oh
2017-05-14 11:03:53 +08:00
delimiters 那行最后少了个逗号
SlipStupig
2017-05-14 11:06:36 +08:00
@oh 不好意思丢人了
qiqico
2017-05-14 12:09:26 +08:00
应该学会调试
dangyuluo
2017-05-14 12:40:46 +08:00
Using console tool.
SourceMan
2017-05-14 14:33:23 +08:00
23333

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/361197

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX