skillup

技術ブログ

JavaScript

vueについてのポイントその2

投稿日:

vueについて少し復習したので、つまりそうなポイントについて再度まとめ。(重複あり)

vueについてのポイント

成果物はこちらを

https://github.com/umanari145/admin_tool

ライフサイクル

create・・DOM生成前

mounted・・DOM生成後

データの初期化などはほぼcreateで良さげ、mountedを使いたいケースは今はなし

変数への代入

コンポーネント内の変数に関して、

this.obj1 = ”などと変数の丸ごと代入をしないこと。おそらくvueのインスタンス生成時に作成された参照を壊してしまい、うまく動かなくなる。

this.obj1.key = ” と値の代入をしっかりと行うこと。

set

vueでオブジェクトのデータバインドがおこらない時に疑う。

vueは配列やオブジェクトのデータバインドがうまくいかないことがあるらしいが、それ以外にもcreateの瞬間と違うタイミングの時に使うなど

v-show,v-if

v-show = display:noneでdomにはかれる。

v-if=DOMにはかれない。

文字列+変数

リテラルで書きたい時。

:idのように:をつけることを忘れない

vuex

コンポーネント内、コンポーネント間のやりとりではどうしても扱いにくい時。グローバル変数的なもの。

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

静的解析ツールについて

  ある程度の規模のプロジェクトだったら使っているであろう静的解析ツールについて。 Contents1 PHP CodeSniffer2 JavaScript eslit3 C# Style …

no image

webpackについて再履修2

以前やったこの記事への追記的な意味で。 webpackについて再履修 Contents1 webpack-cli2 gulp-webpackは非推奨3 devtoolでデバッグ可能 webpack-c …

no image

Vue.jsについて

次の現場で使うかもしれない技術ということでvue.jsをちょこちょこっと勉強。とっていっても1時間ぐらいしか勉強しておらずイントロだけですが・・ Contents1 vue.jsとは?2 ソース3 参 …

no image

vue-routerについて

vueでのルーティングに関して。 Vueの場合、いわゆるSPA(シングルページアプリケーション)という用途で使われることがあると思います。 ただその場合でも擬似的なルーティング(URLの切り替えなどに …

no image

JavaScriptでの時計作成

今回はWebアプリで1秒ごとに更新されるデジタル時計の作成方法について。 基本的には 現在時刻を秒まで含めて表示 その関数を一秒ごとに更新 でOKです。 ネットにどんぴしゃりのサンプルが落ちていたので …

アーカイブ