--- title: 11/4 Vue.js 学習1回目 tags: Vue.js author: morisaku slide: false --- ## Vue.jsとは  https://jp.vuejs.org/  UIフレームワーク ## Vue Devtools * Vue Devtools:Vue開発サポートツール    https://github.com/vuejs/vue-devtools#vue-devtools    ・Google Chromeに追加    <機能>    ・Componentタブ:親子関係やデータを確認    ・Vuexタブ:storeの状態を確認    ・イベントタブ:イベント実行履歴を確認 * 「Vue.js not detected」が表示される    https://qiita.com/hashimoto-1202/items/c81f5d4c271eef16d957    ・拡張機能の設定で「ファイルの URL へのアクセスを許可する」を有効にする ## Vue環境構築 * CDN(直接読み込み): `` * NPM:Node.jsパッケージ管理 * CLI:コマンドラインインターフェース ## fiddle * HTM/CSS/JavaScriptを書けるブラウザ    https://jsfiddle.net/ ## Hello Worldの表示 ``` Hello World

Hello World

{{ message }}

```