Vue.js: Difference between revisions

Revision as of 02:53, 13 March 2017

Revision as of 02:53, 13 March 2017

Line 44:

=== Components ===

Components are one of the most powerful features of Vue. In a large application, it is necessary to divide the whole app into small, self-contained, and often reusable components to make development manageable. Components extend basic [[HTML element|HTML elements]] to encapsulate reusable code. At a high level, components are custom elements that Vue’s compiler attaches behavior to. In Vue, a component is essentially a Vue instance with pre-defined options.<ref>{{Cite web|url=https://vuejs.org/v2/guide/components.html|title=Components — Vue.js|access-date=2017-03-11|language=en}}</ref>

The code snippet below contains an example of a Vue component. The component presents a button and prints of the number of times the button is clicked :

<pre>

Vue.component('buttonclicked', {