Q&A
vscodeでvue.jsを実装したいのですが表示できません。
node.jsとうは入っているのが確認できたので開発環境は大丈夫かと思ったのですが、、、、
一応下記のコードをhtmlで書いてpreview htmlという拡張機能を用いて表示させようとしているのですが、
「{{ message }}Some content has been disabled in this document」
と表示されるだけ実装を確認することができません。
どなたかわかる方おりましたらご教授頂ければと思います。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>テスト</title> </head> <body> <div id="app" class="container"> {{ message }} </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) </script> </body> </html>
回答1件
0
ベストアンサー
私の環境では開けましたよ？
一応下記のコードをhtmlで書いてpreview htmlという拡張機能を用いて表示させようとしているのですが、「{{ message }}Some content has been disabled in this document
もしかして、ファイル名ミスってるとかでは？
preview html -> preview.html
あと、nodeが入ってなくても
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
の記述があるので、問題なく動作するはずです。
投稿2020/11/08 02:10
総合スコア211
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/11/09 02:49
2020/11/09 13:16