2021-10-23から1日間の記事一覧
ライフサイクルとは Vueインスタンスの生成から破棄までの流れのこと ライフサイクルの変化に応じて呼び出されるメソッドのことを ライフサイクルフックと呼ぶ 下記の公式が非常に参考になる。 Vue インスタンス — Vue.js ぶっちゃけ初学者にはなんのこっち…
算出プロパティとは 既存データの加工を伴う取得のこと <html lang="ja"> <head> <meta charset="utf-8"> <title>Vue.js</title> <link href="main.css" rel="stylesheet"> </head> <body> <div id="app"> <p>{{localEmail}}</p> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> </body></html>
ディレクティブ {{変数}}のマスタッシュ構文は便利だが、条件分岐や繰返し処理などは ディレクティブ機能を使う。 本機能は重要である。 「v-●●」で始まるのが特徴 例えば、属性値にJavaScript式を埋め込むにはv-bindを使います <html lang="ja"> <head> <meta charset="utf-8"> <title>Vue.js</title> <link href="main.css" rel="stylesheet"> </head> <body> <div id="app"> <a v-bind:href="url">ぐーぐ…</a></div></body></html>
Vue.Jsはフレームワークだが、CDN経由でライブラリをインポートするだけで簡単に利用できる。 まず先にコードを記載していくっ <html lang="ja"> <head> <meta charset="utf-8"> <title>Vue.js</title> <link href="main.css" rel="stylesheet"> </head> <body> <div id="app"> <p>{{message}}</p> ①マスタッシュ構文とよばれる、HTMLからデータオブジェクトにアクセスする構文 </div> </body></html>
Vue.Jsとは JavaScriptのフレームワーク。 JQueryを業務で少しでも使用したことがある方ならご理解頂けるかと思うが、 導入しやすくDOM操作を便利にしてくれる反面コードがごちゃごちゃしてくる。 Jqueryでは、入力値をDOMと呼ばれる文書ツリーから取得し、A…
Vue.js案件が熱いらしい。 何が熱いのかはあえて触れないが。 Javaエンジニアとしてキャリアスタートさせたが、なるべくフロントの最新技術に触れられる 案件で技術を磨いていきたい。 あとリモートできる現場が良い。 電車通勤、おめーはだめだ。 アフター…
