Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is an International Telephone Input vue 3 part.\n\nDocumentation and also Demonstration.\nExplore the site for full docs.\nVue 2 Support.\nvue-tel-input@legacy: Resource.\nChangelog.\nMost Likely To Github Releases.\nGetting started.\n\nInstall the plugin:.\nnpm put in vue-tel-input.\n\n\nAdd the plugin into your application:.\nbring in Vue coming from 'vue'.\nimport 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').\nMore facts on installment.\n\n\nUse the vue-tel-input part:.\n\n\n\n\nInstallment.\nnpm.\nnpm put up vue-tel-input.\nSet up the plugin in to Vue:.\nimport createApp from 'vue'.\nimport App coming from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'car',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Describe nonpayment global alternatives listed below (optional).\napp.mount('

app').Scenery all offered choices in Props.Or even use the element directly:.
CDN and Browser.If Vue is actually sensed in the Web page, the plugin is actually installed immediately.** Or else, personally put in the plugin right into Vue:.app.use( home window [' vue-tel-input'].Part lazy launching.Given that the library concerns 200kb of JavaScript as well as 100kb of CSS if you want to boost preliminary page packing time you may take into consideration importing it asynchronously merely when individual navigates to the webpage where the collection is really needed. The procedure is referred to as Careless Tons and you may use it in some contemporary bundlers like Webpack as well as Rollup.
As you view, our team don't use Vue SFC tag listed here to import element's css as it would certainly result in CSS visiting the main/vendors pack instead of being downloaded and install as needed.