vue中自定义指令

钩子函数：
mounted(){}

钩子函数：会自动触发的函数
生命周期：一个实例从创建到销毁的整个过程

vue中对元素进行识别：

ref：相当于元素的id，可以使用ref为元素设置一个唯一的标识

<!--设置ref属性，这个属性可以唯一的识别这个元素，类似于id-->
编号：<input type="text" v-model="newcar.id" ref="iidd">

this.$refs:this.$refs是一个对象，这个对象中的每个键值对用来描述一个元素
通过this.$refs.key来获取指定的元素，获取到的就是当前指定标识的dom元素

mounted(){
	this.$refs.iidd.focus();
}

自定义指定的创建：

Vue.directive(名称，{
	inserted(el,binding,vNode){
		指令需要实现的业务逻辑
	}
})
//例子
Vue.directive('myfocus',{
//当元素插入到父节点时触发
//el:当前添加了这个指令dom元素：指令所绑定的元素，可以用来直接操作DOM
//binding：通过它可以获取当前指令的值
	inserted(el，binding){
		el.focus()
	}
})

使用方式：
v-自定义指令的名称，如：v-myfocus

自定义过滤器：

作用：对源数据进行处理，返回你需要的目标数据
过滤器的本质是一个函数

Vue.filter('timeformat',(time,sep)=>{
	time=new Date(time)
	var year=time.getFullYear()
	var month = time.getMonth() + 1
    var day = time.getDate()
    return year+sep+month+sep+day
})

<td>{{value.time|timeformat('/')}}</td>