自定义指令

自动聚焦指令

全局定义（main.js）：

Vue.directive('focus', { // 此处不是一个函数
  // 当被绑定的元素插入到 DOM 中时……
  inserted: (el) => { // el代表DOM元素
    el.focus() // js操作DOM
  }
})

局部定义（XX.vue）

 export default {//在export default下面直接加
    //自定义指令自动聚焦
//    directives: {
//      'focus': {
//        inserted: (el) => {
//          el.focus()
//        }
//      }
//    },
}

使用方法

 <input type="text" placeholder="你好" v-focus>

过滤器：

全局定义（main.js）

Vue.filter('sexFilter', (val) => {
  return val === 0 ? '女' : '男'
})

局部定义（xx.vue）

 export default {
    filters: {
      sexFilter (val) {
        return val === 1 ? '一阶段' : val === 2 ? '二阶段' : '三阶段'
      }
    },
}

使用方法：

 {{sex|sexFilter}}