タグ

Javascriptとvuejsに関するtaketsのブックマーク (2)

  • 【Vue.js】 v-forディレクティブを使っていたらエラーが出た - Tomcky's blog

    v-for を使ってたら何やらエラーが出た。 error: Custom elements in iteration require 'v-bind:key' directives ... ... component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info. エラーメッセージに従って以下を参照してみる。 https://vuejs.org/guide/list.html#key なるほど、 key 属性を与えないといけないのか。 <div v-for="(value, key, index) in values" :key="index"> ... </div> key 属性は一意なものであれば良いので、配列のイン

    【Vue.js】 v-forディレクティブを使っていたらエラーが出た - Tomcky's blog
  • 初めてのVue.js(jQuery脳からの移行をメインに) - Qiita

    記事概要 jQueryベースでWebブラウザベースのアプリ書いている人がVue.jsに手を出すとしたら、「こんな風にやってみると分かりやすいかも?」と言う話。ES5 前提です。 Vue.jsの特徴として、他のフレームワークとの混在が容易、ってのがある。なのでjQueryとの共存も可能。今回の例では「inputタグなどの入力インターフェースにのみVue.jsを適用し、設定パネルのスライドダウン/アップなどの表示系DOMの操作はjQueryでのコードをそのまま流用」という方針で組んでみた。 「Vue.jsとは何ぞや?」は下記の公式ガイドを参照のこと。 https://jp.vuejs.org/v2/guide/ Vue (発音は / v j u ? / 、 view と同様)はユーザーインターフェイスを構築するためのプログレッシブフレームワークです。他の一枚板(モノリシック: monolith

    初めてのVue.js(jQuery脳からの移行をメインに) - Qiita
    takets
    takets 2018/12/21
    jqueryとvueは混在させやすいらしい――段階的な移行によさそう
  • 1