Vue特殊使用方法 Vue特殊使用方法

1.数据产生变化或者页面需要vue数据渲染完之后加载的东西

Vue.nextTick(function () { alert(123); });

2 调用vue方法

--------------Vue中添加方法/** * 将页面时间绑定类型格式化 * fmt 格式： 'yyyy-MM-dd hh:mm:ss'; */ Vue.filter('dataFormat', function (value,fmt) { var getDate = new Date(value); var o = { 'M+': getDate.getMonth() + 1, 'd+': getDate.getDate(), 'h+': getDate.getHours(), 'm+': getDate.getMinutes(), 's+': getDate.getSeconds(), 'q+': Math.floor((getDate.getMonth() + 3) / 3), 'S': getDate.getMilliseconds() }; if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (getDate.getFullYear() + '').substr(4 - RegExp.$1.length)) } for (var k in o) { if (new RegExp('(' + k + ')').test(fmt)) { fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length))) } } return fmt; }); var vm = new Vue({ el:'#app', data:{ date:new Date(); }, methods:{ aaa:function(){ //调用方法 vm.$options.filters['dataFormat'](vm.date,'yyyyMM'); } } }) 或者页面中调用Vue方法{{date | dataFormat('yyyyMM')}}

【Vue特殊使用方法】