2020-12-21から1日間の記事一覧
vue.jsでJSを別ファイルとした場合の記述例とフォルダ構成は以下の通り。 hoge.htm <html> <div id='app'> インスタンスの値を表示してみた<br> {{ name }} </div></html> <script src="https://cdn.jsdelivr.net/npm/vue"></script><script src="src/hoge_lab.js"></script> hoge_lab.js new Vue({ el: "#app", da…
ブラウザ上でJavaScriptをコーディング・テスト実行できるサイト JSFiddle - Code Playground 使用例 実行環境を切り替えるとVue.jsでの動作環境を確認できる
CDNで公開されているライブラリを使用したvueのサンプル以下のhtmlをローカルに保存して開くと動作します。※CDN接続なのでインターネットに接続必要があり <style>#app-hoge .error { color: red;}</style><div id="app-hoge"> 入力した値が奇数か偶数かを返します<br> <input type="text" v-model="message"> <div class="error" v-if="error.require">必須項目です。</div> </div>
