Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is actually an International Telephone Input vue 3 part.\n\nRecords and also Trial.\nSee the site for total docs.\nVue 2 Help.\nvue-tel-input@legacy: Guide.\nChangelog.\nMost Likely To Github Launches.\nGetting going.\n\nMount the plugin:.\nnpm set up vue-tel-input.\n\n\nIncorporate the plugin into your application:.\nbring in Vue from 'vue'.\nbring in VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( App).\napp.use( VueTelInput).\napp.mount(' #app').\nMuch more information on installation.\n\n\nUse the vue-tel-input component:.\n\n\n\n\nSetup.\nnpm.\nnpm install vue-tel-input.\nPut up the plugin right into Vue:.\nimport createApp from 'vue'.\nimport Application coming from '.\/ App.vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'vehicle',.\n.\n\nconst app = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Describe default global possibilities here (optional).\napp.mount('

app').Perspective all readily available possibilities in Props.Or even make use of the component straight:.
CDN as well as Internet browser.If Vue is spotted in the Webpage, the plugin is actually set up automatically.** Or else, manually mount the plugin right into Vue:.app.use( home window [' vue-tel-input'].Element lazy filling.Considering that the public library is about 200kb of JavaScript and also 100kb of CSS so as to enhance first page loading opportunity you could take into consideration importing it asynchronously just when individual navigates to the page where the library is really needed to have. The technique is actually referred to as Careless Load and also you can utilize it in some contemporary bundlers like Webpack and also Rollup.
As you see, our team don't use Vue SFC tag below to import component's css as it would certainly lead to CSS going to the main/vendors bundle as opposed to being actually downloaded as needed.