やりたいこと optionsを渡すのは非推奨 対応 やりたいこと 以下の警告を消したい。 Options props is deprecated, add sortable options directly as vue.draggable item, or use v-bind. optionsを渡すのは非推奨 以下のように、propsでoptionsをしているの…

Vue.Draggableパッケージをinstall 使用したいコンポーネントで呼び出す (補足) 参考記事 Vue.Draggableパッケージをinstall $ npm install --save vuedraggable 使用したいコンポーネントで呼び出す <template> <div class="board-task-contents" > <draggable> <div v-for="i in 20" :key = "`${i}`" class="task-card"> <h3>番号： {{ i }}</h3> <p>タスク詳細内容</p> </div> </draggable></div></template>

[:contens] eslint関連のパッケージをインポート package.jsonに以下を追加 { ... "husky": "^4.2.5", "lint-staged": "^10.2.2", ... "eslint-config-standard": "^14.1.0", "eslint-plugin-import": "^2.18.2", "eslint-plugin-node": "^10.0.0", "eslint-…

vue-routerの追加 rouoter用のindex.jsを作成 main.jsにrouterを追記 App.vueで<router-view>に書き換え 参考記事 vue-routerの追加 $ npm install --save-dev vue-router rouoter用のindex.jsを作成 src/router配下にindex.jsを作成 import Vue from 'vue'; import VueRo</router-view>…

事象 対応 事象 internal/modules/cjs/loader.js:583 throw err; ^ Error: Cannot find module 'sass' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15) at Function.Module._load (internal/modules/cjs/loader.js:507:25) at…

現在、firebaseをベースにしたメッセンジャーアプリ開発を目指しています。 今回は、vueのプロジェクトをFirebaseにデプロイするまでの備忘録記事です。 vue開発環境の準備 Firebase開発環境の準備 Firebaseへデプロイ作業 vue開発環境の準備 vue-cli のイン…