概要
Vue.js、dockerに初めて挑戦する記録です。
1.Docker環境を作る
参考「ローカルを汚さずdockerを使ってvue.jsの開発環境を作る」
https://qiita.com/rh_taro/items/ca08b930f704275286a4
１.Dockerfileを作成する
２.コンテナイメージをビルドする
３.イメージからコンテナを起動する
４.起動確認
５.コンテナに入りnpm/webpackをインストール
・npm→Nodeのパッケージ管理ツール
・Webpack→JS,CSSを1つにまとめる
６.サーバ設定をlocalhostから書き換える
・コンテナ内のため書き換えないとアクセスできない
2.Vueファイルを概要で把握
参考「VueCLIからVue.js入門①【VueCLIで出てくるファイルを概要図で理解】」
https://qiita.com/po3rin/items/3968f825f3c86f9c4e21
「vue-cliで始めるVue.jsチュートリアル (1)」
https://qiita.com/sin_tanaka/items/29769266b3b078ea0f7c
index.html
webpackでビルドされたデータが注入される。main.js読み込み。
main.js
Vueインスタンスが生成される（Vueアプリの起動）。
dataが持つ値を変更するとビューが再構築される。
App.vue
にHTML