Example 1: Hello-vue


{{ message }}


Example 2: conditional-rendering: seen


Now you see me

Example 3: list-rendering


  1. {{ todo.text }}

Example 4: bind-attribute


鼠标悬停几秒钟查看此处动态绑定的提示信息！

Example 5: components-app



Example 6: example1


Using mustaches: {{ rawHtml }}

Using v-html directive:


Example 7: computed-basics


Has published books:

{{ publishedBooksMessage }}

Example 8: watch-example


Ask a yes/no question:

{{ answer }}


Example 9: array-rendering



Example 10: array-with-index



Example 11: v-for-object


{{ n }}

Example 12: todo-list-example



Example 13: basic-event


The button above has been clicked {{ counter }} times.


Example 14: v-model-basic


Message is: {{ message }}

Multiline message is:

{{ message }}



Example 15: v-model-checkbox



Example 16: v-model-multiple-checkboxes



Checked names: {{ checkedNames }}

Example 17: v-model-radiobutton




Picked: {{ picked }}

Example 18: v-model-select


Selected: {{ selected }}

Selected: {{ selected }}

Example 19: v-model-select-dynamic


Selected: {{ selected }}

Example 20: components-demo



Example 21: blog-post-demo



Example 22: blog-posts-events-demo



Example 23: dynamic-component-demo