微信扫一扫打赏支持
上一页 1 ··· 121 122 123 124 125 126 127 128 129 ··· 498 下一页
摘要: VUE参考 动画钩子函数 一、总结 一句话总结: 动画钩子函数,也就是用函数来写动画,也就是用js控制样式 <div id="app"> <input type="button" value="快到碗里来" @click="flag=!flag"> <!-- 1. 使用 transition 元素把 阅读全文
posted @ 2020-04-21 11:41 范仁义 阅读(265) 评论(0) 推荐(0)
摘要: VUE课程 19、动画 一、总结 一句话总结: vue动画有进入和出去两个大状态,设置动画的话用transition原生包裹起来,transition的name属性指定动画的名称 <style> .xxx-enter-active, .xxx-leave-active{ transition: al 阅读全文
posted @ 2020-04-21 11:37 范仁义 阅读(226) 评论(0) 推荐(0)
摘要: VUE课程 18、生命周期函数 一、总结 一句话总结: 生命周期函数:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期函数!比如mounted()、beforeDestroy()等 1、生命周期钩子、生命周期函数、生命周期事件 的关系是什么? 生命周期钩子 = 阅读全文
posted @ 2020-04-21 07:45 范仁义 阅读(187) 评论(0) 推荐(0)
摘要: VUE实例课程 3、定时显示隐藏元素 一、总结 一句话总结: 定时显示隐藏元素中,定时器函数可以写在mounted中,关闭显示隐藏效果可以用vue的$destroy()方法,可以在beforeDestroy中清除定时器避免内存泄漏 <div id="app"> <p v-show="isShow"> 阅读全文
posted @ 2020-04-21 05:08 范仁义 阅读(586) 评论(0) 推荐(0)
摘要: VUE参考 生命周期 一、总结 一句话总结: vue对象生命周期函数8个,初始化显示4个(create、mount),更新状态2个(update),销毁vue实例2个(destory),好记的很 a、初始化显示:beforeCreate()、created()、beforeMount()、mount 阅读全文
posted @ 2020-04-21 04:26 范仁义 阅读(236) 评论(0) 推荐(0)
摘要: VUE实例课程 2、收集表单数据 一、总结 一句话总结: vue绑定表单数据比较方便,绑定了表单数据之后,可以很方便的用ajax把数据发送到后端 <div id="app"> <form action="" @submit.prevent="handleSubmit"> <div> <label f 阅读全文
posted @ 2020-04-20 15:06 范仁义 阅读(458) 评论(0) 推荐(0)
摘要: VUE参考 收集表单数据 一、总结 一句话总结: vue绑定表单数据比较方便,绑定了表单数据之后,可以很方便的用ajax把数据发送到后端 <div id="demo"> <form action="/xxx" @submit.prevent="handleSubmit"> <span>用户名: </ 阅读全文
posted @ 2020-04-20 14:08 范仁义 阅读(171) 评论(0) 推荐(0)
摘要: VUE参考 事件处理 一、总结 一句话总结: *、vue绑定事件监听的时候,默认是带了event对象的:<button @click="test1">test1</button> *、事件处理中 按键修饰符 使用实例:<input type="text" @keyup.13="test7"> 1、v 阅读全文
posted @ 2020-04-20 12:57 范仁义 阅读(193) 评论(0) 推荐(0)
摘要: VUE实例课程 1、计算属性实现列表的搜索和排序 一、总结 一句话总结: 计算属性实现列表的搜索和排序中:计算属性用于搜索的关键字变化之后自动更新列表数组,排序就是指定不同的排序标志,根据不同的排序字段来改变列表元素的顺序 <div id="app"> <label> 搜索名字:<input typ 阅读全文
posted @ 2020-04-20 12:08 范仁义 阅读(647) 评论(0) 推荐(0)
摘要: VUE疑难问题 2、方法和计算属性的区别 一、总结 一句话总结: VUE中的方法和计算属性可以实现同样的功能,区别就是计算属性有基于响应式依赖的缓存(也就是计算属性依赖的数据改变缓存才会改变),而方法没有,需要缓存的话就用计算属性。 <div id="app"> <p>Original messag 阅读全文
posted @ 2020-04-20 08:01 范仁义 阅读(484) 评论(0) 推荐(0)
上一页 1 ··· 121 122 123 124 125 126 127 128 129 ··· 498 下一页