vue学习（一），flutter文档下载

---

• {{item}}

  ---

• {{student.name}}-{{student.age}}

• {{index}}-{{student.name}}-{{student.age}}

• value:{{value}}

  key:{{key}}

  index:{{index}}

  ---

  注意：v-for也可以循环对象输出内容

  

  一般最好加上

  :key=‘index’

  提高性能

  • v-text&v-html

  v-text&v-html

  ---

  {{message}}=

  {{dodo}}

  ---

  • v-on

  《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

  【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

  charset=“UTF-8”>

  v-on

  ---

  本场比赛得分:{{fenshu}}

  加分

  <button @click=“jianfen”>减分

  
  

  <input type=“text” @keyup.enter=“onEnter” v-model=“fenshu2” />

  ---

  • v-model双向数据绑定

  v-model双向数据绑定

  ---

  元素数据：{{message}}

  文本框

  
  

  v-model ：

  v-model.lazy：

  v-model.number：

  v-model.trim：

  ---

  文本域

  ---

  多选框绑定一个值

  {{isTrue}}

  ---

  多选框绑定数组

  huang

  xiao

  guo

  {{web_names}}

  单选框绑定

  男

  女

  你选择的性别是：{{sex}}

  ---

  • v-bind

  v-bind

  ---

  晓果博客

  ---

  1、绑定Class
  2、绑定Class中的判断
  3、绑定Class中的数组
  4、绑定Class中的三元运算符

  ---

  isOK={{isOK}}

  ---

  5、绑定Style
  6、绑定Style 对象

  ---

  通过某个字段选择样式

  :class="{‘A’:‘red’,‘B’:‘blue’,‘C’:‘green’,‘D’:‘pink’}[hero.score]">

  {{hero.name}},{{hero.score}}