1.vue的两种渲染方式:文本插值和指令:

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

2.vue实例化的一个例子:包括使用文本插值的方式调用vue对象的属性和方法:

site:{{ site }}

url:{{ url }}

{{ details() }}


3.计算属性(computed)的一个例子:

{{ fullNameJs }}

4.侦听器(watch)的一个例子:

Ask a yes/no question:
比如:
Is it Wednesday today?
Is today Tuesday?

{{ answer }}


5.v-if v-else 的一个例子:

Now you see me
Now you don't

6.v-for 的一个例子:在组件上使用 v-for


7.v-on 的一个例子:用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。

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


8.v-model 的一个例子:多个复选框,绑定到同一个数组:


Checked names: {{ checkedNames }}

9.Vue组件 的一个例子:


10.Vue过滤器 的一个例子:

{{ msg | msgFormat("de") }}