vue第四天局部过滤器和自定义指令

局部过滤器通过filters属性创建
例如局部时间过滤:
1.创建一个父组件

Vue.component('自定义名字',{
  template:`
  <根标签>
            {{ctime | fmtYear}}
            {{ctime | fmtMonth}}
  
`,
2.返回data函数//
data(){
return{
ctime:new Date()  //创建时间函数
}
},
3.通过局部过滤filters方法创建局部过滤器//
fiters:{
fmtYear:functiontime){
  let y = time.getFullYear()
            return y
}
}
})

局部自定义指令通过属性directives创建
前面创建组件都一样
在data里加上一个color:‘red’

    directives: {
          mycolor: {
            inserted(el,binding) {   //固定方法的两个参数
              el.style.color = binding.value
            }
          }
        }

你可能感兴趣的:(vue第四天局部过滤器和自定义指令)