Vue---自定义命令（二）

一：position定位元素：HTML:ecportdefault{directives:{directives:{bind(el,binding){},inserted(el,binding){//eldomconsole.log(el);控制台日志（绑定）；el.style.position="固定";el.style.top=binding.value+"px";}}},}printresult:效果图输入使用定位元素，position元素高于下图2：数据监控HTMLexportdefault{directives:{json:{bind(el,binding){console.log("1-bind");el.style="color:"+binding.value;},inserted(el,binding){控制台。日志（“2-插入”）；},update(el,binding){//更新console.log(el)el.style.color=binding.value;console.log("3-更新");},componentUpdated(){console.log("4-componentUpdated");},unbind(){console.log("5-unbind");}}},}methods:{//加一个add(){this.num++;//点击一次改变颜色一次this.颜色=“#ccc”；},//减一unbind(){this.num--;//点击一次改变颜色一次this.color="blue";}},//数据监控computed:{nuberA(){returnthis.num;}}，点击效果①之前点击效果②之后