Vue.js: Full Sample App

Example of Vue.js with hash routing and components.


Value from the 'appInfo' data property set in the app: {{appInfo}}

This is the <hello> component:

Which the view with the following links (also note the hash (#) value change in the URL):

Home | Dog | Cat | Standard Link

Display the view for the selected link below:

Default value content


Selection person is: {{selectedPerson}}

Enter a value:
You have entered: {{inputValue}}
This input will also change the: