Vue03

1.创建全局过滤器和私有过滤器
Vue.filter(‘过滤器函数’，函数)，使用过滤器 .｛{msg | 过滤器名称}｝

2.创建全局指令和私有指令
Vue.directive(‘指令名称’，{
bind:function(el){},
inserted:funtion(el){},
updated:(el){}
})
3.生命周期函数:
beforecreate
created
beforemounte
mounted
beforeupdate
updated
beforedestroye
destroyed

filters: {
     //自定义私有过滤器
            'datefilter': function (datestr) {
     
                let date = new Date(datestr);
                let year = date.getFullYear();
                let month = date.getMonth() + 1;
                let day = date.getDate();
                let h = date.getHours();
                let m = date.getMinutes();
                let s = date.getSeconds();
                return year + '-' + month + '-' + day + ' ' + h + ':' + m + ':' + s;
            }
        },
        directives :{
     //自定义私有的指令
            'color' : {
     
                bind:function (el,binding) {
      //一般控制样式时候，用到此钩子函数
                   el.style.color = binding.value;
                },
                inserted:function (el) {
     //一般控制事件的时候，用到此钩子函数
                    el.focus() //获取焦点时间
                },
                updated:function (el) {
     //当Vnode更新时候会执行updated，可能会触发多次
                }
            }
        }