Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is an International Telephone Input vue 3 element.\n\nDocumentation and Trial.\nVisit the website for total docs.\nVue 2 Help.\nvue-tel-input@legacy: Resource.\nChangelog.\nVisit Github Launches.\nStarting.\n\nMount the plugin:.\nnpm put up vue-tel-input.\n\n\nAdd the plugin right into your app:.\nimport Vue from 'vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( App).\napp.use( VueTelInput).\napp.mount(' #app').\nMore information on installation.\n\n\nMake use of the vue-tel-input component:.\n\n\n\n\nInstallation.\nnpm.\nnpm put in vue-tel-input.\nInstall the plugin in to Vue:.\nimport createApp from 'vue'.\nbring in Application coming from '.\/ App.vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'vehicle',.\n.\n\nconst application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Describe default global alternatives here (optionally available).\napp.mount('
app').Viewpoint all available choices in Props.Or make use of the part directly:.
CDN as well as Browser.If Vue is actually discovered in the Webpage, the plugin is mounted instantly.** Or else, personally put in the plugin into Vue:.app.use( window [' vue-tel-input'].Element careless launching.Because the public library is about 200kb of JavaScript as well as 100kb of CSS to strengthen preliminary page filling opportunity you could take into consideration importing it asynchronously merely when customer browses to the page where the collection is actually needed to have. The procedure is actually called Careless Load and also you can easily use it in some present day bundlers like Webpack and also Rollup.
As you observe, we don't use Vue SFC tag below to import part's css as it would lead to CSS going to the main/vendors pack rather than being downloaded on demand.
Articles You Can Be Interested In