vue的常见特性

Vue的常见特性

- 表单操作

**表单的作用：**表单是用来做用户交互的重要手段
表单常见类型：
input 单行文本
textarea 多行文本
select 下拉多选
radio 单选框
checkbox多选框
通过vue对表单数据进行操作
v-model：双向绑定
**注意：**提交表单的时候是用js进行表单提交，而不是默认的表单提交
表单域修饰符：

number：转换为数值
trim：去掉开始和结尾的空格中间的去不掉
lazy：将input时间切换为change事件（input对象在失去焦点的时候会验证）

- 自定义指令
内置指令+自定义指令
有时候内置的指令不能满足我们的需求

Vue.directive("focus",{
inserted:function(el){
el.focus();//el表示指令所绑定的元素
}
}

官方文档上面有钩子函数介绍，请详细阅读

- 计算属性

• 表达式的计算逻辑可能会比较复杂，使用计算属性可以使模板内容更加简洁，vue中添加computed 添加计算属性
  -调用的时候，直接使用函数名就可以

计算属性与方法的区别：

计算属性是基于它们的依赖性（data中的数据）来缓存的
方法不存在缓存

- 过滤器
格式化数据，比如将字符串格式化为首字母大写，将日期格式化为指定的格式等

- 侦听器
处理异步和开销比较大的操作
watch:{
里面的有变化就立马变化
}

- 生命周期（vue实例的生命周期）

挂载（初始化相关属性）

更新（元素或组件的变更操作）

销毁（销毁相关属性）