hello-vue-components
v2.0.0-alpha.3
Published
An example component library built with Vue CLI 3.
Downloads
9
Readme
hello-vue-components
An example component library built with Vue CLI 3.
Installation
Directly in the browser
Drop the library in with a <script>
tag alongside Vue:
<div id="app">
<!-- ... use components here ... -->
</div>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/hello-vue-components"></script>
<script>
new Vue({ el: '#app' })
</script>
Or, if you only want to use a small subset of components, drop them in individually:
<div id="app">
<!-- ... use component here ... -->
</div>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/hello-vue-components/HelloA"></script>
<script>
new Vue({ el: '#app' })
</script>
In a module system
Install the library with NPM:
npm install hello-vue-components
Then either import the library and either globally register all components with:
import HelloVueComponents from 'hello-vue-components'
Vue.use(HelloVueComponents)
or import and locally register a single component with:
import { HelloA } from 'hello-vue-components'
export default {
components: { HelloVueComponents }
}
Individually packaged components
If you only want to use a small subset of components, import only individually packaged components to reduce the size of your application:
import HelloA from 'hello-vue-components/HelloA'
import HelloB from 'hello-vue-components/HelloB'