【Vue】一体いつから括弧無しメソッドと括弧有りメソッドが同じだと錯覚していた？ - Qiita
Vueでメソッドの末尾に()をつけた時とつけない時の挙動の違い 以前からVueを使っていて疑問だったことがありました。 それはVueのmethodsで定義したメソッド（関数）をテンプレートで使うとき、 末尾に()をつけたメソッドと()のないメソッドの両方を使用可能であるという事実です。 具体的にどういうことかコードで説明してみます。 下のコードでmethodという名のメソッドがVueのmethodsプロパティで定義されているとします。 このときtemplate内から呼び出すときは、method()とmethodの両方が使えてしまいます。 （ちなみに<script></script>タグ内では括弧無しの呼び出しmethodは呼び出しになりません） <template> <!-- どちらの書き方でも正常に実行される --> <div> <div id="example1"> <!-- メソッド
tweenmaxをつかって描画時のアニメーションを書く - Qiita
はじめに 前回の記事でtweenmax導入したのでアニメーション付けてみました。 コード nuxt/ts tailwindを使っています。クラス名とかが適当なのともう少しでなくなるclassコンポーネント使っているのはお許しください。 ちょっと汚かったのでcss省略してます。 <template> //省略 <div> <p class='welcome'>Welcome</p> <p class='to'>to</p> <div class='flex flex-no-wrap'> <div v-for='(text, i) in texts' :key='i'> <p class='text-xl title'>{{ text }}</p> </div> </div> </div> </template> <script lang='ts'> import { Vue, Compone
Vue.jsでカラーピッカーを作ろう - Qiita
Vue.jsのチュートリアルを兼ねてカラーピッカーを作成します。 テンプレートの用意 任意のディレクトリ内にcolor_picker.htmlを作成します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFf
【Vue.js】Vue CLI でタブ機能を作る（動的コンポーネント） - Qiita
はじめに Vue.js を学習していて、動的コンポーネント(:is="")を活用して、タブ機能を作成してみました。 （Vue CLI を使用） こういうやつ↓↓ Vue CLI ディレクトリ構造 主要ファイルの記述 以下に主要ファイルのコードを記載する index.html main.js Tab1.vue Tab2.vue Tab3.vue App.vue <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="icon" href="<%= BASE_
TypeScript入門『サバイバルTypeScript』〜実務で使うなら最低限ここだけはおさえておきたいこと〜
本書『サバイバルTypeScript』は実務でTypeScriptを使う開発者のための入門書です。そして、このページはTypeScriptの特徴を最速で把握できるよう、数百ページからなる本書のコンテンツをつまみ食いした要約です。 » 本書ついて詳しく知る » とにかく今すぐTypeScriptを書いてみたい TypeScriptとはJavaScriptのスーパーセットとなるプログラミング言語。静的型付け言語であり、プログラムの正しさが静的に検査できる。ライブラリやIDEなどの開発環境が充実しており、大きなエコシステムを持っている。Microsoftが2012年に開発し、オープンソースで公開した。» TypeScriptの特徴について詳しく知る » TypeScript誕生の背景について詳しく知る TypeScriptはJavaScriptのスーパーセットスーパーセットとは、元の言語との
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vueで外部のJavaScriptソースを<script>タグで読み込む - Qiita
Vuexでシステム日時をリアクティブに ＋ Vuexプラグイン自作時の注意点 - Qiita
