→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: 2021-02-17 (水) 23:21:14 (60d)