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

JSでの他ファイル読み込み。requireやimportについて

JavaScriptに関して、知識が非常に古い段階で止まっているのでコツコツとアップデートをしております。 今回はrequireやimportなど、他のファイルの読み込みについてです。 PHPなどサー …

no image

yarnコマンド

JSやフロント側のライブラリを使うときはnpmを使ってたんですが、2〜3年前ぐらいからyarnというコマンドも使われているので、ちょっと調査を。 Contents1 yarnとは?2 よく使いそうなコ …

no image

AngularJSでのinfite_scroll

今回もAngularネタです。 一般的なデータの一覧画面ではページャーをボタンで移動するのではなく、スクロールするだけで次々とアクセスできるようになるのが一般的でしょう。 facebookやtwitt …

no image

AngularJSでのHtmlFormオプション+Filter

AngularJSにてHTMLのFormオプションの書き方など。 Contents1 HTMLオプション1.1 プルダウン1.1.1 配列型1.1.2 ラベル型1.2 チェックボックス1.3 ラジオ1 …

no image

webpackについて再履修

webpackについて今まで見よう見まねでやってきましたが、おまじないのような感じでプロパティ内部までしっかり理解しているとは言い難いため、再履修です。インストールとかは省略。 今まで書いた既存のwe …

アーカイブ