オブジェクト名.プロパティ名 を指定する。 export default { watch: { `hoge.fuga`(val) { console.log('watch hoge.fuga'); } }, };

IEではmainタグのdisplayプロパティの規定値はinline であるため、レイアウト崩れが発生する可能性がある。 そのため、明示的に block を指定する必要がある。 main { display: block; }

immediateプロパティにtrueを指定する。 export default { watch: { hoge: { immediate: true, handler(val) { console.log('watch hoge'); }, } } };

全てのqueryパラメータ更新時に実行されるようにしたい場合 watchQueryプロパティに、trueを設定する。 export default { watchQuery: true, }; 一部のqueryパラメータ更新時に実行されるようにしたい場合 watchQueryプロパティに、対象としたいqueryパラメ…

コード const ja = { test: 'テスト', entry: '申込受付中です。{newline}詳しくは{here}。', here: 'こちら' }; <i18n path="entry" tag="p"> <template #newline> <br /> </template> <template #here> <a href="/hoge">{{ $t('here') }}</a> </template> </i18n> 出力結果 <p>申込受付中です。<br />詳しくは<a href="/hoge">こちら</a>。 tagに指定したタグが使用される。 コード co…</p>