nextTick函数作用

等待下一次 DOM 更新刷新的工具方法，nextTick() 可以在状态改变后立即使用，以等待 DOM 更新完成。可以传递一个回调函数作为参数，或者 await 返回的 Promise。当数据更新了，在dom中渲染后，自动执行该函数中的回调函数。

Vue.nextTick(callback)或者this.$nextTick(callback)，这个函数的回调函数是在组件加载完了才会执行

局部和全部

全局：所有组件共同的功能（指令，过滤器，组件）

局部：只有当前组件的功能（指令，过滤器，组件）

Vue.filter("allfilter",function(str){
            return str+"-"+"allfilter"
        });
Vue.filter("allfilter1",function(str){
            return str+"-"+"allfilter1"
        });
// 定义多个全局过滤器只需要再次调用
// 全局指令
Vue.directive("color",function(el,obj){
            el.style.color=obj.value||"blue";
        });
// 注册全局组件
Vue.component("allbox", {template:"<div>It's End</div>"})
new Vue({
            el: "#app",
            data: {},
            components: {
                // 局部注册
                Box: {
                    template: `<div class="box1">
                                <p>{{msg|msgtool}}</p>
                            </div>`,
                    data() {
                        return {
                            msg:"AOTU"
                        }
                    },
                    filters:{
                        // 局部过滤器，只能Box组件可以使用
                        msgtool(str){
                            return str+"-"+"box1-filter"
                        }
                    }
                },
            }
        })