Vue.js

Vue.js inheritAttrsの挙動を調べる

https://vuejs.org/v2/api/#inheritAttrs v2.4から inheritAttrsが使えるようになった。 By setting inheritAttrs to false, this default behavior can be disabled. The attributes are available via the $attrs instance property (also new in 2.4) and…

Vue.js にGoogle Analyticsのイベントトラッキングを設定する

やりたいこと Vue.jsで、ボタンクリックイベントのトラッキングをしたい。 方法 vue-analytics を使うと簡単にいけた github.com 実装方法は公式に書いてある通りなんだけど、一応下記の要領で実装した。 Setting app.js import Vue from 'vue' import VueAn…

vue-cliのwebpack productionビルド時にconsoleログ出力を削除したい

vue-cliでwebpackでproductionビルドを行う際に、以下のように UglifyJsPluginにcompress.drop_console オプションを追加するとconsole.log, console.errorなどのconsole.xのコードを削除できる build/webpack.prod.conf.js new webpack.optimize.UglifyJsPl…

vue-cliで作成したアプリケーションをサブディレクトリ上に展開する

vue-cli github.com やりたいこと vue-cliで作成したアプリケーションをサブディレクトリ /test-dir/ に展開したい。 問題 デフォルトの設定でプロダクションビルドし、 $ npm run build webサーバから {vue-cli-project}/dist/ を参照するようにしたが、こ…