走进Vue.js

（1）v-bind:title = "message"

（2）v-if=“seen”

（3）v-for="todo in todos" 数组 v-for=“（item,index) in items"  对象 v-for="(value,key,index) in object"

（4）v-on:click=""

（5）v-model=“”

（6）v-once 一次性插值

（7）过滤器：只能在{{}}和v-bind中使用

filters:{  capitalize:function(value){}}

（8）缩写

v-bind:href=""  =>  :href=""

v-on:click=""  =>  @click

（9）计算属性{{re}}

computed:{re:function(){...return ..}}

（10）watch:{ question:function(){}}

数据变化时执行异步操作

（11）v-bind:class="{‘active’:isActive}"

v-bind:class="[isActive?activeclass:errerclass]"

（12）绑定内联样式

v-bind:style="{color:..}"

（13）v-if   v-else

（14）添加key使两个元素完全独立

（15）v-show

（17）计算属性显示过滤结果

（18）事件修饰符

（19）键值修饰符

（20）v-model.trim=“msg” 过滤首尾空格

创建一个vue程序简单方法：