VUE常用特性

一、常用特性概览

表单操作
自定义指令
计算属性
过滤器
侦听器
生命周期

二、表单操作

1、基于vue的表单操作

input  单行文本
textarea  多行文本
select  单选框
checkbox 多选框

2.表单域修饰符

number：转化为数值
trim:去掉开始和结尾的空格
lazy:将input转换为change事件

3.自定义指令

3.1为何需要自定义指令？
内置指令不满足需求

3.2 自定义指令的语法规则（获取元素焦点）

3.3自定义指令用法

<input type="text" v-focus>

4.计算属性

4.1为何需要计算属性？
表达式的计算逻辑复杂 使用计算属性可以使模板内容更简洁
4.2计算属性的用法

computed: {
    // 计算属性的 getter
    reversedMessage: function () {
      // `this` 指向 vm 实例
      return this.message.split('').reverse().join('')
    }
  }

4.3计算属性与方法的区别
计算属性是基于它们的依赖进行缓存的
方法不存在缓存