- 博客(4)
- 收藏
- 关注
原创 vue页面切换动画
VUE学习笔记vue基本语法整理条件渲染列表渲染vue 路由vue路由切换动画vue基本语法整理条件渲染列表渲染vue 路由vue路由切换动画vue路由切换动画,是基于vue的过渡动画效果做的。这里需要解决2个问题:1.监听路由的变化;2.判断路由的行为是下一个页面还是 返回到上一个页面。通过区分了路由行为后,我们就可以给不同的行为设计不同的动画,比如下一个页面是向左横屏滑动到...
2020-04-15 15:45:13 1067
原创 Vue 自定义指令
语法:全局注册:Vue.directive(‘指令名’, {// 当被绑定的元素插入到 DOM 中时……bind: function (el,binding,vnode,oldVnode) {},inserted: function (el,binding,vnode,oldVnode) {},update: function (el,binding,vnode,oldVnode) {...
2020-03-29 18:21:12 113
原创 vue兄弟组件间传值
举例子说明,一个组件中是input,监听输入的内容,在另一个组件的div中显示出来;首先在assets中创建个事件总线js文件eventBus.js,文件中的代码如下:import Vue from ‘Vue’;export default new Vue;然后创建组件:inputComponent,导入eventBus,用input事件监听输入的内容,在这个监听事件中,使用emit发送输...
2019-03-18 15:30:43 844
原创 vue自定义组件v-model如何使用
v-model是数据双向绑定,下面用input说明:<input type="text" v-model="price"><input type="text" :value="price" @input="price=$event.target.value"
2019-03-18 15:30:32 929
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人