How to create component in vue js cli?

You can learn how to create own component in vue npm. we will use vue cli to create vue js setup and then we will create own custom component in vue js. you can simply create vue cli component with laravel or codeigniter app.

We will learn from scratch to create vue component. so first we will create vue js project using vue cli. then we will create Exmaple.vue component and import Example component in app. So let’s see bellow steps:

vue create my-vue-library 

<template>
    <div >
        <div >
            <div >
                <div >
                    <div >My Example</div>
                    <div >
                        Welcome to ItSolutionStuff.com
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        mounted() {
            console.log('Component mounted.')
        }
    }
</script>

<template>
  <div id="app">
    <Example></Example>
  </div>
</template> 
<script>
import Example from './components/Example.vue'
export default {
  name: 'app',
  components: {
    Example
  }
}
</script>

Hope this code and post will helped you for implement How to create component in vue js cli?. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For More Info See :: laravel And github