API — Vue.js
最終更新日: 2021年5月22日 グローバル設定Vue.config は Vue のグローバル設定を含んでいるオブジェクトです。あなたのアプリケーションが読み込まれる前に、下記のプロパティを変更することができます: silent 型: boolean デフォルト: false 使用方法: Vue.config.silent = true すべての Vue のログと警告を抑制します。 optionMergeStrategies 型: { [key: string]: Function } デフォルト: {} 使用方法: Vue.config.optionMergeStrategies._my_option = function (parent, child, vm) { return child + 1 } const Profile = Vue.extend({ _my_option:
API — Vue.js
最終更新日: 2021年5月22日 グローバル設定Vue.config は Vue のグローバル設定を含んでいるオブジェクトです。あなたのアプリケーションが読み込まれる前に、下記のプロパティを変更することができます: silent 型: boolean デフォルト: false 使用方法: Vue.config.silent = true すべての Vue のログと警告を抑制します。 optionMergeStrategies 型: { [key: string]: Function } デフォルト: {} 使用方法: Vue.config.optionMergeStrategies._my_option = function (parent, child, vm) { return child + 1 } const Profile = Vue.extend({ _my_option:
API — Vue.js
最終更新日: 2021年5月22日 グローバル設定Vue.config は Vue のグローバル設定を含んでいるオブジェクトです。あなたのアプリケーションが読み込まれる前に、下記のプロパティを変更することができます: silent 型: boolean デフォルト: false 使用方法: Vue.config.silent = true すべての Vue のログと警告を抑制します。 optionMergeStrategies 型: { [key: string]: Function } デフォルト: {} 使用方法: Vue.config.optionMergeStrategies._my_option = function (parent, child, vm) { return child + 1 } const Profile = Vue.extend({ _my_option:
フォーム入力バインディング — Vue.js
ガイド 基本的な使い方 インストール はじめに Vue インスタンス テンプレート構文 算出プロパティとウォッチャ クラスとスタイルのバインディング 条件付きレンダリング リストレンダリング イベントハンドリング フォーム入力バインディング コンポーネントの基本 コンポーネントの詳細 コンポーネントの登録 プロパティ カスタムイベント スロット 動的 & 非同期コンポーネント 特別な問題に対処する トランジションとアニメーション Enter/Leave とトランジション一覧 状態のトランジション 再利用と構成 ミックスイン カスタムディレクティブ 描画関数とJSX プラグイン フィルター ツール 単一ファイルコンポーネント テスト TypeScript のサポート プロダクション環境への配信 スケールアップ ルーティング 状態管理 サーバサイドレンダリング セキュリティ 内部 リアクティブ
クラスとスタイルのバインディング — Vue.js
最終更新日: 2019年7月22日 データバインディングに一般に求められることの 1 つは、要素のクラスリストとインラインスタイルを操作することです。それらはどちらも属性ですから、v-bind を使って扱うことができます。最終的な文字列を式で計算するだけです。しかしながら、文字列の連結に手を出すのは煩わしく、エラーのもとです。そのため、Vue は v-bind が class と style と一緒に使われるとき、特別な拡張機能を提供します。文字列だけではなく、式はオブジェクトまたは配列を返すことができます。 HTML クラスのバインディング オブジェクト構文v-bind:class にオブジェクトを渡すことでクラスを動的に切り替えることができます: <div v-bind:class="{ active: isActive }"></div> 上記の構文は、active クラスの有無がデ
メソッドとイベントハンドリング - vue.js
インラインメソッドハンドラメソッド名を直接指定する代わりに、インライン JavaScript 式でメソッドを指定することもできます: <div id="example-3"> <button v-on:click="say('hi')">Say hi</button> <button v-on:click="say('what')">Say what</button> </div> new Vue({ el: '#example-3', methods: { say: function (message) { alert(message) } } }) 結果: 時には、インラインステートメントハンドラでオリジナルの DOM イベントを参照したいこともあるでしょう。特別な $event 変数を使うことでメソッドに DOM イベントを渡すことができます: <button v-on:click=
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://jp.vuejs.org/images/lifecycle.png