Vue表单操作

v-model	//双向数据绑定
@click='handle' //点击事件绑定
@click.prevent='handle'	//取消默认行为

//注册一个全局自定义指令'v-focus'
Vue.directive('focus',{
//当被绑定的元素插入到Dom中时
inserted:function(el){
//聚焦元素
el.focus()
}
})

//局部指令 'v-color'
directive:{
                color:{
                    bind:function(el,binding){
                        el.style.backgroundColor = binding.value.color;
                    }
                }
            }

computed:{
                方法名:function(){
                    return 要计算的公式
                }
            }
//使用方式

监听属性的变化,数据一旦发生变化就通知监听器所绑定的方法
使用方法
watch:{
	监听属性:function{val}
}

目的:格式化数据
//自定义过滤器
Vue.filter('过滤器名称',function(value){
	//过滤器业务逻辑
})
//过滤器的使用
<div></div>
<div v-bind:id='id|formatId'>

//局部过滤器
filters:{
	过滤器名称:function(){
	return 
	}
}