Vue にはバインド変数の値がいくつかあり、それらの値が変更されないようにするメソッドがあります (詳細なチュートリアル)

ここで、Vue のいくつかのバインディング変数の値と、それらが変更されないようにする方法に関する記事を共有します。これは、優れた参考値であり、皆さんのお役に立てれば幸いです。

1. Object.freeze(obj) ステートメント

obj={ 
 foo:"nan" 
} 
Object.freeze(obj);

このステートメントを使用して変数を修正した後、この変数に対するその後の変更は無効になり、コンソールにエラーが報告されます。

2. v-once要素バインディング

<span>{{msg}}</span>

msgデータが変更されるとすぐにspanの内容も変更されますが、

<span v-once>{{msg}}</span>

if v-onceバインディングが追加されると、それが含まれますデータ msg がspanの内容を変更しても、それに応じて変更されません。ただし、これはデータの変更を防ぐものではなく、変更されないように HTML 要素をバインドするだけです。これが将来、皆さんの役に立つことを願っています。

関連記事:

Vue.js imgのsrcへの動的代入方法

datepickerをベースに独自の角時間コンポーネントを定義する例

vueフィルターフィルターインスタンス詳細説明

以上がVue にはバインド変数の値がいくつかあり、それらの値が変更されないようにするメソッドがあります (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。