Vue 表单基本操作 修饰符

表单基本操作

单行文本框:v-model的使用

单选按钮:通过value进行区分，v-model，传值为单个值

多选按钮:通过value进行区分，v-model,传值为数组

下拉列表框：通过value进行区分，在select 标签上添加v-model,传值为数组或单个值，可在select 标签上添加 mutiple="true"，让下拉列表框进行多选

多行文本框:通过value进行区分，v-model,传值为数组

 

表单修饰符

number:转化为数组

trim:去掉开始和结尾的空格

lazy:将Input事件切换为change事件    用于 用户名验证

 

自定义指令

Vue.directive('指令名', {

      inserted: function(el，binging){    // el表示指令所绑定的元素   binding 为参数

       el.focus();} });

 

局部指令  //属于属性  添加在VUE实例对象里面

directive: {     //放在 vue实例对象里面

指令名：{

 inserted: function(el，binging){    // el表示指令所绑定的元素   binding 为参数

       el.focus();} });

}

 

计算属性

computed: {

方法:{}}  //需要返回值

 

计算属性与方法的区别

 计算属性是基于它们的依赖进行缓存的

方法不存在缓存

 

侦听器  //携带的数据发生变化就调用侦听器里面的方法 

vue.wacth{}   //需要返回值

 

过滤器     局部过滤器  使用场景：格式化数据

过滤器名称    //如果携带参数，接收参数的时候从第二个参数开始接收

upper  字母大写

lower  字母小写

 

 

 

生命周期

主要了解 Mounted 阶段     即初始化结束