Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is actually an International Telephone Input vue 3 element.\n\nInformation and Demo.\nVisit the web site for full docs.\nVue 2 Assistance.\nvue-tel-input@legacy: Manual.\nChangelog.\nGo to Github Releases.\nGetting going.\n\nInstall the plugin:.\nnpm mount vue-tel-input.\n\n\nIncorporate the plugin right into your application:.\nimport Vue from 'vue'.\nimport VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nMuch more details on setup.\n\n\nUse the vue-tel-input element:.\n\n\n\n\nInstallment.\nnpm.\nnpm mount vue-tel-input.\nPut in the plugin into Vue:.\nimport createApp from 'vue'.\nbring in Application from '.\/ App.vue'.\nbring in VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'car',.\n.\n\nconst application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Specify nonpayment international alternatives listed below (optionally available).\napp.mount('
app').Viewpoint all available alternatives in Props.Or use the element straight:.
CDN and also Internet browser.If Vue is actually located in the Page, the plugin is mounted automatically.** Or else, manually install the plugin into Vue:.app.use( home window [' vue-tel-input'].Component idle launching.Since the library concerns 200kb of JavaScript and also 100kb of CSS in order to improve first web page packing opportunity you might look at importing it asynchronously only when user gets through to the web page where the library is really required. The method is called Careless Load and you may use it in some modern-day bundlers like Webpack and Rollup.
As you view, our experts do not make use of Vue SFC tag right here to import component's css as it would result in CSS mosting likely to the main/vendors bundle instead of being actually downloaded on demand.
Articles You Can Be Interested In