Vue是单页面应用
v-on:click 简写 @click fn可以加括号 也可以不加
<h1 @click="fn('我爱vue')">{{msg}}</h1>
{{}}里面还可以写表达式
<h1>{{msg.substring(0,4)}}</h1>
vue的条件判断v-if后面支持变量 也支持直接写布尔值
属性想使用动态变量需要加上v-bind v-bind可以简写成: @click可以直接写js表达式
class 对象里面的key表示类名
style 对象里面的key表示属性名
<h1 :class="{red:flag1,'font-size':flag1}" @click="flag1=!flag1">中国人不骗中国人</h1>
<h1 :style="{color:flag1?'red':'','font-size':flag1?'60px':''}" @click="flag1=!flag1"></h1>
v-for 循环 里面有两项 item表示数组的每一项 index表示数组的索引
循环的时候需要加key key最好时候对象里面的属性 如果没有再使用index
v-for 使用in 和 of 都可以
<input type="text" :value="str" @input="change">
v-model就类似于上面的写法 是一种语法糖 来实现双向数据绑定
@keyup后面可以接修饰符 .enter .keyCode值
<input type="text" v-model="str" @keyup.13="keyFn"> <h1>{{str}}</h1>
