This is just a clone of chrisvfritz hello-vue-components to test stuff
Drop the library in with a <script>
tag alongside Vue to globally install all components:
<div id="app">
<hello-a></hello-a>
<hello-b></hello-b>
</div>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-package-test-x"></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">
<hello-a></hello-a>
<hello-b></hello-b>
</div>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-package-test-x/HelloA"></script>
<script src="https://unpkg.com/vue-package-test-x/HelloB"></script>
<script>
new Vue({ el: '#app' })
</script>
Install the library with NPM:
npm install vue-package-test-x
Then register the library as a plugin to globally install all components:
import HelloVueComponents from 'vue-package-test-x'
Vue.use(HelloVueComponents)
Or, import components individually for local registration:
import { HelloA, HelloB } from 'vue-package-test-x'
export default {
components: { HelloA, HelloB }
}
If you only want to use a small subset of components, only import individually packaged components to reduce the size of your application:
import HelloA from 'vue-package-test-x.HelloA'
import HelloB from 'vue-package-test-x.HelloB'