2020/03/08-vue常见属性（下）

 vue常见属性

 

⑦ v-model：双向绑定，通过此命令，可以使data中的变量和html标签中的值进行双向影响

 

 

 

⑧ v-for ：for循环，用来循环data区域中的集合，在table 标签中的用法看代码： user in userList 代表的是从userList中遍历，每取出一个json对象，都会自动解析成一个user对象

 

 

 

⑨ v-if和v-show ：用来隐藏html中的标签，v-if: 会直接在浏览器中隐藏代码，v-show: 会在标签中添加display:none的效果；v-if 更加的安全，推荐使用

 

 

 

⑩ v-else-if和v-else 和v-if ：组合使用，相当于java中的分支判断

 （这个就跟java一样，用法类似于上面的v-if，一般都是组合使用的）

⑪ watch 监听：通过watch属性，可以监听data中的变量的数据变化