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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2751 天前的主题，其中的信息可能已经有所发展或是发生改变。

作为小白学习 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>

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

5 条回复 • 2017-05-14 14:33:23 +08:00