微信扫一扫打赏支持
上一页 1 ··· 119 120 121 122 123 124 125 126 127 ··· 498 下一页
摘要: VUE参考 组件复习 一、总结 一句话总结: 组件本身是一个对象,我们需要给组件取名,才能用 // 通过 对象 字面量的形式, 定义了一个 组件模板对象 var login = { template: '<h1>1234</h1>' } // 通过 Vue.component 把 组件模板对象,注册 阅读全文
posted @ 2020-04-23 08:42 范仁义 阅读(102) 评论(0) 推荐(0)
摘要: VUE实例课程 8、列表动画 一、总结 一句话总结: 列表动画 也就是对列表使用动画,需要transition-group、v-move等知识点配合使用,列表动画记得对v-for设置 :key 属性 <style> li { border: 1px dashed #999; margin: 5px; 阅读全文
posted @ 2020-04-23 07:50 范仁义 阅读(306) 评论(0) 推荐(0)
摘要: VUE实例课程 7、动画钩子函数 一、总结 一句话总结: 动画钩子函数也就是用函数(用js控制css)来操作动画,动画钩子函数中可以更加方便的操作动画,比如只实现半场动画,像物品添加到购物车的动画 <div id="app"> <!-- 1. 使用 transition 元素把 小球包裹起来 --> 阅读全文
posted @ 2020-04-23 05:42 范仁义 阅读(336) 评论(0) 推荐(0)
摘要: VUE实例课程 6、使用第三方类库实现动画 一、总结 一句话总结: 可以使用第三方类库实现动画,比如animate.css,可以分别给enter-active-class和leave-active-class设置类,可以:duration设置动画持续时间 <!-- :duration="毫秒值" 可 阅读全文
posted @ 2020-04-23 04:59 范仁义 阅读(199) 评论(0) 推荐(0)
摘要: VUE参考 组件切换动画 一、总结 一句话总结: 组件切换动画 直接把组件放到<transition>标签中即可 <!-- 通过 mode 属性,设置组件切换时候的 模式 --> <transition mode="out-in"> <component :is="comName"></compon 阅读全文
posted @ 2020-04-22 15:48 范仁义 阅读(230) 评论(0) 推荐(0)
摘要: VUE参考 组件切换方式 一、总结 一句话总结: 可以用flag标志来标记组价的显示和隐藏,比如点击登录,flag为true,登录组件显示,点击注册,flag按钮为false,注册按钮显示 用component的is占位符,is 属性可以用来指定要展示的组件的名称:<component :is="c 阅读全文
posted @ 2020-04-22 15:35 范仁义 阅读(348) 评论(0) 推荐(0)
摘要: VUE参考 为什么组件中的data必须是一个方法且返回一个对象 一、总结 一句话总结: 便于复用的组件保持自己的数据,让各个复用组件的数据不一样 <div id="app"> <counter></counter> <hr> <counter></counter> <hr> <counter></c 阅读全文
posted @ 2020-04-22 15:15 范仁义 阅读(349) 评论(0) 推荐(0)
摘要: VUE参考 组件中的data和methods 一、总结 一句话总结: 组件中可以有自己的data和methods,data的话必须是函数且返回对象,方法的话则和vue对象里面一样,data和methods使用的话和vue实例中一样。 Vue.component('mycom1', { templat 阅读全文
posted @ 2020-04-22 15:09 范仁义 阅读(292) 评论(0) 推荐(0)
摘要: VUE课程 26、组件 一、总结 一句话总结: 前端组件化开发,可以便于组件的管理和复用。组件可以定义全局组件和私有组件。 1、vue中如何定义全局组件? 直接在全局的 Vue.component 上定义 <mycom1></mycom1> <template id="tmpl"> <div> <h 阅读全文
posted @ 2020-04-22 14:41 范仁义 阅读(195) 评论(0) 推荐(0)
摘要: VUE课程 25、发ajax请求 一、总结 一句话总结: vue发ajax包可以用axios包,操作也是比较简单,直接照着文档操作即可 methods:{ getNews:function () { _vue=this; //console.log(_vue); axios.post('http:/ 阅读全文
posted @ 2020-04-22 13:58 范仁义 阅读(156) 评论(0) 推荐(0)
上一页 1 ··· 119 120 121 122 123 124 125 126 127 ··· 498 下一页