1分でVueのKeep-Aliveを知る

4470 ワード
VUE
定義＃テイギ＃
Keep-aliveはVueに内蔵されたコンポーネントで、歌に含まれるコンポーネントを状態に保つか、繰り返しレンダリングを避けることができます.2つのプロパティがあります.include(コンポーネントキャッシュを含む)とexclude(除外されたコンポーネントはキャッシュされず、includeより優先度が高い)
使用方法
<keep-alive include="include_components" exclude="exclude_components">
	<component>component>
keep-alive>

パラメータの解釈
include–文字列または正規表現.名前が一致するコンポーネントがexclude–文字列または正規表現をキャッシュされる限り、名前が一致するコンポーネントはキャッシュされず、include includeおよびexcludeよりも優先度が高いプロパティでは、コンポーネントの条件付きキャッシュが許可されます.また、「,」で文字列、正規表現、配列を分割できます.ただし、正則または配列を使用するには、v-bindまたは":"
例

<keep-alive include="a,b">
	<component>component>
keep-alive>

<keep-alive include="/a|b/">
	<component>component>
keep-alive>

<keep-alive include="['a','b']">
	<component>component>
keep-alive>
OpenCV画像分割cv::grabCut()関数
vue transitionにおけるVelocityのパラメータの観点