#全局过滤器要写在var vue之前<td>{{item.time | ctime }}</td>Vue.filter('ctime'(过滤器名),function(data(过滤器前面的数据),timeset(过滤器传入的方法,可以默认)=''){ var dt = new Date(data) var y = dt.getFullYear() var m = dt.getMonth() +1 var d = dt.getDate() var h = dt.getHours()…

一.故事背景 现在很多人都喜欢玩文艺,特别是我身边的UI们,拍照一分钟修图半小时.就是为了能够在朋友圈显得逼格高,不过的确是挺好看的,修图的软件太多了就不多说了,而且一般都没有水印啥的.相比较短视频有一个比较有逼格的编辑工具「Vue」个人已经用了很长时间了,拍出来的视频借助强大滤镜真的很好看,显得逼格也高,更重要的是他有我最喜欢的功能就是可以添加视频背景音乐,选择自己喜欢的音乐,然后还可以编辑这段背景音乐,反正我个人觉的这个是我最喜欢用的产品了.但是好用的东西必定有它不好的地方,因为他真的很强大…

一.时间格式 1.安装Moment模块 npm i moment -S2.main.js中设置全局过滤器 import moment from 'moment' Vue.filter('ctime',function(data,timeset='YYYY-MM-DD HH-mm-ss'){ return moment(data(不传数值即为现在时间)).format(timeset) })3.过滤器使用设置 <span>发表时间:{{item.add_time | ctime('YYYY-MM…

vue-router 我们知道路由定义了一系列访问的地址规则,路由引擎根据这些规则匹配找到对应的处理页面,然后将请求转发给页进行处理.可以说所有的后端开发都是这样做的,而前端路由是不存在"请求"一说的. 前端路由是找到地址匹配的一个组件或者对象将其渲染出来.改变浏览器地址不向服务器发送请求有两种方法, 一是在地址中加入#以欺骗浏览器,地址的改变是由于正在进行页内导航:二是使用HTML5的window.history功能,使用URL的hash来模拟一个完整的URL. vue-router…

1.main.js设置拦截器 router.beforeEach(function (to,from,next) { if (to.meta.requireAuth) { if (store.state.token) { next() } else { next({name: 'log',query: {backUrl: to.fullPath}}) } }else( next() ) }) 2.路由设置 { path: '/course',component: Course,meta: { r…

a.父组件向子组件传值data(){},props数据区别data中的数据可读可写,是自己的数据props是个数组,中的数据是父组件传递过来的,只读不能写<login :dmsg='msg'></login> 父组件向自定义的子组件中传值var myvue = new Vue({ el:"#myvue", data:{ flag:'reg', msg:'这是父组件' }, methods:{ }, components:{ login:{ template:'&…

Vue的生命周期 beforeCreate---created---beforeMount---mounted---(beforeupdate---updated :数据有更新时才会执行)---befordestory---destory有些函数需要加载即执行或其他需求时可以调用上述方法如:created(){ this.getList()},…

#全局自定义指令1.使用Vue.directive()定义全局的指令 v-focus2.参数1 指令的名称,在定义的时候,指令的名称前面不需要加v-前缀3.但是在调用的时候必须在指令名称前 加上v-前缀进行调用4.参数2是一个对象,这个对象身上,有一些指令相关的函数,这些函数在特定阶段执行相关操作例1:获取DOM聚焦Vue.directive('focus',{ bind:function(el){ 1.每当指令绑定到元素的时候,就立即执行这个bind函数,只执行一次 2.每个函数中,第一个参数…

vue.config.keyCodes.f2 = 113 设置完成后就可以绑定f2的按键操作@keyup.f2="add" 自带的有enter esc delete 空格 上下左右键…

1.button发起点击请求<mt-button type='primary' size='large' plain @click="topdcmt(id)">商品评论</mt-button>2.methods定义方法topdcmt(id){this.$router.push({ name: 'pdcmt', params: { userId: id } })}3.router.js定义导航路径import Pdcmt from './components/pr…