Define a new component in Vue.js

vuejs Share on :

Vue.component('component_name', {
    props: ['prop_name'],
    template: '<div class="root"></div>',
    data: function() {
        return {}
    },
    methods: {
    },
    created: function() {
    }
});

Best JSON Validator, JSON Tree Viewer, JSON Beautifier at same place. Check how cool is the tool

The code can be used to define a new component in Vue.js. You can use this component by creating tag named as component name as below.

<component_name></component_name>

Contribute to this Snippet

Was this helpful?

Created by :

@

Write your Comment

0 Comments

Similar code snippets

Create New Component Scaffold (.vue)
update file feature without dependecies with vue

Create your own code snippets and search them using our portal and chrome extension

Programming Feeds

Learn something new everyday on Devsheet

Important Links

Join Devsheet Create new snippet Ask a Question Write an article Online JSON Viewer

Find us at: