1 vue-bind-once - Vue.js Supplied #.\n\nA tiny, SSR-safe instruction for binding arbitrary data to an element.\n\nFlying start.\nInitially put in vue-bind-once:.\nanecdote add vue-bind-once.\n\n

or npm.npm install vue-bind-once-- conserve.Register regulation.bring in createApp coming from 'vue'.import Application coming from './ App.vue'.bring in BindOnceDirective, BindOncePlugin from 'vue-bind-once'.const app = createApp( App).app.use( BindOncePlugin).// or even app.directive(' bind-once', BindOnceDirective).In most cases you'll be utilizing this regulation along with an SSR-rendering structure like nuxt, which may possess a different method for you to enroll this ordinance. For example, in a Nuxt plugin:.import BindOncePlugin coming from 'vue-bind-once'.export nonpayment defineNuxtPlugin( nuxtApp =&gt nuxtApp.vueApp.use( BindOncePlugin). ).Utilization.You can now utilize the instruction on any kind of element where you require a binding to a worth that needs to have to match in between client/server but will not alter dynamically after that.
This are going to work on both hosting server as well as on client re-hydration.