Vue中表单数据和过滤器的简单使用

• 收集表单数据

• v-model的三个修饰符:

  lazy:失去焦点在收集数据

  number: 输入字符串转为有效数字

  trim:输入首尾空格过滤

• < input type="text" v-model="person.account">则v-model收集的是value值，用户输入的就是value值

• < input type="checkbox">

  1.没有配置value属性时，收集的是checked（布尔值）

  2.配置value属性时

  v-model初始值为非数组，收集的是checked(布尔值)

  v-model初始值为数组，收集的是value值组成的数组

• 
  ​
  
  ​

  过滤器

• 过滤器用于样式的叠加变化

• 安装dayjs

• npm install dayjs --save

• 以下代码为vue的局部过滤器，代码通过引用dayjs。分别用methods和computed实现日期格式的改变，之后用过滤器实现日期格式的改变

• 全局过滤器