Vue.js

2/2ページ

Vue.jsでのスタイル操作

◆取得した値をstyleに入れる 例)スクロール位置を取得&その値をstyleとして渡す <div :style="{ top: scrollY + 'px' }">  ~ここにコンテンツが入ります。 </div> <script> export default { data() { return { scrollY: 0 }; }, mounted() { / […]

Vue.jsチェックポイント(随時更新)

◆最終チェック時に行うこと ☆不要な処理(使用していないもの/console.log(); など)が残っていないか ◆ポイント ☆要素の変更により値が変わる、計算するもの computed で処理を行う。 ☆==は===にしましょう(型の比較もしてくれるので安全です) ◆ソースコード短縮 ☆ v-bind:は省略して:にしましょう ☆ hoge: function() {}は省略してhoge() […]