95249


Vue.jsの学習を始めた超初心者です。  
参考書を片手に理解しようとしているのですが、  
参考書に掲載されているソースコードを書いても正しい出力結果が表示されません。

具体的には

[code]

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <script src="https://unpkg.com/vue@3/dist/vue.global.js" type="text/javascript"></script>
    </head>
    <body>
      <div id="sample">
        ただいまの時間は{{time}}です。
      </div>
    </body>
      <script type="text/javascript">
        Vue.createApp({
          el: '#sample',
          data: {
            time: new Date().toLocaleTimeString()
          }
        })
      </script>
    </html>
    
[/code]

参考書によれば、このようにコードを書けば、出力結果は

> ただいまの時間はH:mm:ssです。

となるようなのですが、実際の出力内容は

> ただいまの時間は{{time}}です。

と波かっこがそのまま表示されてしまいます。  
なぜなのでしょうか。参考書に掲載されているコードが間違っているのでしょうか？

わかる方は教えていただけると幸いです。


CC BY-SA 4.0
2023-06-15T16:01:42.970
95248
2023-06-15T16:53:10.777
34060
question
vue.js
Vue.jsで{{○○}}がそのまま出力されてしまう


JavaScriptコードの部分を次のようにしてください。

[code]

    Vue.createApp({
      data() {
        return {
          time: new Date().toLocaleTimeString()
        };
      }
    }).mount('#sample');
    
[/code]


CC BY-SA 4.0
2023-06-15T16:53:10.777
95249
2023-06-15T16:53:10.777
9464
95248
answer