v-on:click 简写   @click      

fn可以加括号 也可以不加 

 <h1 @click="fn('我爱vue')">{{msg}}  

 {{}}里面还可以写表达式 

 

{{msg.substring(0,4)}}

vue的条件判断v-if后面支持变量 也支持直接写布尔值

属性想使用动态变量需要加上v-bind v-bind可以简写成 【：冒号】

@click可以直接写js表达式 

class 对象里面的key表示类名 

style 对象里面的key表示属性名

v-for 循环 里面有两项 

item表示数组的每一项      index表示数组的索引

循环的时候需要加key     key最好时候对象里面的属性   如果没有再使用index

 v-for 使用in 和 of 都可以

【数据绑定】

单向数据绑定：

<input type="text" :value="name">
复制代码

【v-model双向】

双向绑定(v-model)：数据不仅能从data流向页面，还可以从页面流向data。
复制代码

收集表单数据：           

若：<input type="text"/>，则v-model收集的是value值，用户输入的就是value值。      
若：<input type="radio"/>，则v-model收集的是value值，且要给标签配置value值。   
若：<input type="checkbox"/>             
1.没有配置input的value属性，那么收集的就是checked（勾选 or 未勾选，是布尔值）   
2.配置input的value属性:               
(1)v-model的初始值是非数组，那么收集的就是checked（勾选 or 未勾选，是布尔值）
(2)v-model的初始值是数组，那么收集的的就是value组成的数组       
备注：v-model的三个修饰符：                
lazy：失去焦点再收集数据               
number：输入字符串转为有效的数字              
trim：输入首尾空格过滤