Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is actually an International Telephone Input vue 3 part.\n\nPaperwork and also Demo.\nGo to the internet site for complete docs.\nVue 2 Assistance.\nvue-tel-input@legacy: Quick guide.\nChangelog.\nVisit Github Releases.\nBeginning.\n\nInstall the plugin:.\nnpm set up vue-tel-input.\n\n\nInclude the plugin into your app:.\nbring in Vue from 'vue'.\nimport VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nExtra facts on setup.\n\n\nUse the vue-tel-input element:.\n\n\n\n\nInstallation.\nnpm.\nnpm install vue-tel-input.\nPut in the plugin right into Vue:.\nbring in createApp from 'vue'.\nbring in App coming from '.\/ App.vue'.\nimport 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 nonpayment worldwide options here (extra).\napp.mount('
app').Scenery all offered alternatives in Props.Or even use the element straight:.
CDN and also Internet browser.If Vue is actually spotted in the Page, the plugin is put up instantly.** Or else, manually install the plugin right into Vue:.app.use( home window [' vue-tel-input'].Part careless running.Considering that the library has to do with 200kb of JavaScript and 100kb of CSS in order to enhance preliminary page packing opportunity you could take into consideration importing it asynchronously just when customer navigates to the web page where the collection is in fact needed. The method is called Lazy Tons and also you can utilize it in some present day bundlers like Webpack and also Rollup.
As you see, our company do not use Vue SFC tag here to import part's css as it would result in CSS heading to the main/vendors bundle instead of being downloaded and install on demand.
Articles You Can Be Interested In