• 请不要在回答技术问题时复制粘贴 AI 生成的内容
SlipStupig
V2EX  ›  程序员

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

  •  
  •   SlipStupig · May 14, 2017 · 3740 views
    This topic created in 3354 days ago, the information mentioned may be changed or developed.

    作为小白学习 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 replies    2017-05-14 14:33:23 +08:00
    oh
        1
    oh  
       May 14, 2017 via iPhone   ❤️ 1
    delimiters 那行最后少了个逗号
    SlipStupig
        2
    SlipStupig  
    OP
       May 14, 2017
    @oh 不好意思丢人了
    qiqico
        3
    qiqico  
       May 14, 2017
    应该学会调试
    dangyuluo
        4
    dangyuluo  
       May 14, 2017
    Using console tool.
    SourceMan
        5
    SourceMan  
       May 14, 2017 via iPhone
    23333
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2681 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 15:41 · PVG 23:41 · LAX 08:41 · JFK 11:41
    ♥ Do have faith in what you're doing.