
VUE
zhuyh2019
硕士在读
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue组件
1.创建组件的方式(1)直接定义templateVue.component('myCom', { template: '<h3>这是直接在js中定义的模板</h3>'})注:如果使用 Vue.component 定义全局组件的时候,组件名称使用了 驼峰命名,则在引用组件的时候,需要把 大写的驼峰改为小写的字母,同时,两个单词之前,使用 - 链接。如上面...原创 2020-01-21 10:19:06 · 394 阅读 · 0 评论 -
Vue动画
1. 使用过渡类名实现动画。v-enter 、 v-leave-to:它们是一个时间点。分别表示元素进入之前和元素离开之后的状态,一般这两个状态相同。v-enter-to 、 v-leave:它们是一个时间点。分别表示元素进入完成之后的状态和离开的初始状态,一般这两个状态相同。v-enter-active 、 v-leave-active:它们是一个时间段。分别表示入场动画的时间段...原创 2020-01-20 00:02:53 · 265 阅读 · 0 评论 -
Vue生命周期
借用某马培训时一张图,讲的很仔细。 // 创建 Vue 实例,得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: 'ok' }, methods: { show() { console.log('执行了show方...原创 2020-01-18 15:54:06 · 237 阅读 · 0 评论 -
Vue自定义过滤器、自定义指令
1. Vue自定义全局过滤器和自定义全局指令(1)在插值表达式中,如果需要对变量的格式进行处理,可以使用过滤器,过滤器的使用方法如下:{{ctime | dateFormat }},dateFormat即为过滤器函数,它的第一个参数为ctime的值,传入的是ctime的值,返回一个新的值。过滤器可定义为全局过滤器和局部过滤器,全局过滤器为所有vue实例所共享,局部过滤器为当前实例所私用...原创 2020-01-18 15:29:11 · 684 阅读 · 0 评论 -
Vue指令
1.v-cloak2.v-html v-text v-on v-bind注意:通过v-on绑定事件时,在函数名后加小括号即可以传参,并不会自动调用函数。(1)事件修饰符:.stop 阻止冒泡 .prevent 阻止默认行为(如提交表单的submit,a标签).capture 实现捕获事件的机制.self 实现只有点击当前元素时候,才会触发事件处理函数...原创 2020-01-17 13:55:30 · 230 阅读 · 0 评论