本地应用指令

v-for

响应式生成列表结构
Vue笔记(3)
Vue笔记(3)
Vue笔记(3)

  • v-for指令的作用是:根据数据生成列表结构
  • 数组经常和v-for结合使用
  • 语法是( item,index ) in数据
  • item和index可以结合其他指令一起使用
  • 数组长度的更新会同步到页面上,是响应式的

v-on补充

传递自定义参数,事件修饰符
Vue笔记(3)

  • 事件绑定的方法写成函数调用的形式,可以传入自定义参数
  • 定义方法时需要定义形参来接收传入的实参
  • 事件的后面跟上.修饰符可以对事件进行限制
  • .enter可以限制触发的按键为回车
  • 事件修饰符有多种

更多事件修饰符:
文档传送门:https://cn.vuejs.org/v2/api/#v-on

v-model

获取和设置表单元素的值(双向数据绑定)
Vue笔记(3)
Vue笔记(3)

  • v-model指令的作用是便捷的设置和获取表单元素的值
  • 绑定的数据会和表单元素值相关联
  • 绑定的数据→表单元素的值

相关文章:

  • 2021-07-05
  • 2021-06-20
  • 2022-01-06
  • 2021-08-24
  • 2021-04-17
  • 2022-01-06
猜你喜欢
  • 2021-10-24
  • 2022-12-23
  • 2021-07-03
  • 2022-12-23
  • 2021-04-13
  • 2021-07-17
  • 2021-11-30
相关资源
相似解决方案