Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is actually an International Telephone Input vue 3 component.\n\nDocuments as well as Demonstration.\nCheck out the web site for full docs.\nVue 2 Support.\nvue-tel-input@legacy: Guide.\nChangelog.\nVisit Github Releases.\nBeginning.\n\nPut in the plugin:.\nnpm mount 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 app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nMore info on setup.\n\n\nUse the vue-tel-input part:.\n\n\n\n\nInstallment.\nnpm.\nnpm put in vue-tel-input.\nPut in the plugin in to Vue:.\nimport createApp coming from 'vue'.\nbring in App from '.\/ App.vue'.\nimport VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmethod: 'auto',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Define default worldwide choices listed below (extra).\napp.mount('
app').Scenery all accessible choices in Props.Or utilize the component directly:.
CDN as well as Internet browser.If Vue is recognized in the Webpage, the plugin is mounted immediately.** Typically, personally install the plugin into Vue:.app.use( home window [' vue-tel-input'].Element lazy launching.Due to the fact that the public library has to do with 200kb of JavaScript and also 100kb of CSS if you want to strengthen initial page filling opportunity you could look at importing it asynchronously only when consumer browses to the page where the public library is in fact required. The technique is referred to as Lazy Bunch and you can easily use it in some modern-day bundlers like Webpack and also Rollup.
As you observe, our company do not use Vue SFC tag here to import component's css as it will cause CSS going to the main/vendors bundle instead of being downloaded and install as needed.
Articles You Can Be Interested In