JavaScript関連ツール

一般

Tips

  • Vue.js: v-forで項目インデックスをkey属性にしていいのか 2019.9
    • 要素の追加や削除あるいは順序変更がない場合にかぎれば、keyを使わなくても問題はないようです。むしろ「標準のモードは効率がいい」とされます。ただ、あとで変わりやすい前提と思われるので、keyを「必須」にしている
  • Vue.jsでSassを使う 2019.10
    // このとき、sassのパッケージを入れると npm install 時に 下記のようなメッセージが出るが、これは無視してよい。
    // むしろ無視しないと webpack の差分コンパイルが失敗するようになってしまうので無視すべき
    // これは webpack 側の(?)バグであるようです。
    // ↓無視すべき警告
    // npm WARN sass-loader@8.0.0 requires a peer of webpack@^4.36.0 but none is installed. You must install peer dependencies yourself.

CSSライブラリとの連携

  • Vue.js+ElementUIプロジェクト 2019.8
  • https://element.eleme.io/
    • Element, a Vue 2.0 based component library for developers, designers and product managers
  • 【注意点】ElementUIにスタイルを付けたい場合、scoped でない style のブロックを別に作って設定しないと効かないものがある。例えば .el-input__inner など。

Vagrantを使った開発環境

Vue-CLI

Vue-Router

  • input type="submit" でページがリロードされてしまう問題への対処
    • この問題への対処法は二つある。
    • 方法〜箸濆みオブジェクト$eventを使う
    • 例えばこのようにinputタグを書いておき…
      <input name="logIn" type="submit" value="Login" v-on:click="authenticate($event)" />
    • メソッド側でこのようにする
      authenticate(event) {
        event.preventDefault();
        ...

Nuxt.js

Vue のテスト


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2020-10-24 (土) 23:25:58 (90d)