Vue.jsの学習を始めた超初心者です。
参考書を片手に理解しようとしているのですが、
参考書に掲載されているソースコードを書いても正しい出力結果が表示されません。
具体的には
<!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>
参考書によれば、このようにコードを書けば、出力結果は
ただいまの時間はH:mm:ssです。
となるようなのですが、実際の出力内容は
ただいまの時間は{{time}}です。
と波かっこがそのまま表示されてしまいます。
なぜなのでしょうか。参考書に掲載されているコードが間違っているのでしょうか?
わかる方は教えていただけると幸いです。
</body>
がHTMLソースの途中にありますが、それは最終行の</html>
の直前に記述されるものでは?Vue.js 現在時刻の表示 ~時計~, Vue.jsを使ってデジタル時計を作る方法を解説, 初心者向け。Vue.jsのデジタル時計アプリの作り方を詳しく解説 それから書籍の内容を基にしているなら、書籍の名称や掲載ページ等の情報を記述してください。他にもこちらのヘルプ記事を参考に。良い質問をするには?, 再現可能な短いサンプルコードの書き方