SOURCE

var app = new Vue({
el: '#app', // 不需要变动
data() {
return {
x: 'hello world',
num: 11
}
},
methods: {
    // 事件存储区域
}
})

<div id='app'>
    {{x + '!!!��'}}
    <div>
        {{num - 10}}
    </div>
    <div>
        {{num > 2 ? 'num大于2':'num小于2'}}
    </div>
    <!-- 我要显示一个数字 小于10红色 大于10蓝色 -->
    <div :class='num < 10 ? "red":"blue"'>
        {{num}}
    </div>
 </div>

.red {
    color:red;
}
.blue {
    color:blue;
}