摘要：
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)
摘要：
VUE课程 24、插件 一、总结 一句话总结： vue里可以自定义插件，在插件里可添加全局方法和属性、添加全局指令、添加实例方法等等操作。 (function (window) { const MyPlugin={}; MyPlugin.install = function (Vue, option 阅读全文
posted @ 2020-04-22 09:47
范仁义
阅读(150)
评论(0)
推荐(0)
摘要：
VUE课程 23、自定义指令 一、总结 一句话总结： vue中指令可以自定义，可以自定义全局指令和局部指令两种，局部指令就在vue实例的directives上添加，全局指令可以直接Vue.directive(指令,回调函数) 1. 注册全局指令 Vue.directive('my-directive 阅读全文
posted @ 2020-04-22 08:27
范仁义
阅读(165)
评论(0)
推荐(0)
摘要：
VUE课程 22、ref获取dom 一、总结 一句话总结： vue中不推荐操作dom，vue操作dom的话可以用vue的$ref属性，例如this.$refs.msg获取ref="msg"的元素 <div id="app"> <p ref="msg">{{msg}}</p> <button @cli 阅读全文
posted @ 2020-04-22 07:13
范仁义
阅读(266)
评论(0)
推荐(0)
摘要：
VUE课程 21、表单输入绑定 一、总结 一句话总结： vue绑定表单数据比较方便，绑定了表单数据之后，可以很方便的用ajax把数据发送到后端 <div id="app"> <form action="" @submit.prevent="handleSubmit"> <div> <label fo 阅读全文
posted @ 2020-04-22 06:14
范仁义
阅读(224)
评论(0)
推荐(0)
摘要：
VUE实例课程 5、vue网格动画 一、总结 一句话总结： vue网格动画可以用<transition-group> 组件、v-move属性、lodash.js来做。 原理就是对元素移动的先后位置加动画。 <transition-group> 组件还有一个特殊之处。不仅可以进入和离开动画，还可以改变 阅读全文
posted @ 2020-04-22 03:06
范仁义
阅读(238)
评论(0)
推荐(0)
摘要：
js中的_是什么意思（比如 _.shuffle(this.items)） 一、总结 一句话总结： a、_是一个变量名。这里是一个全局变量。lodash和Underscore会把自己的代码都放在这个变量内。 b、和jQuery的 $同理。主要是打字方便。 二、js中的_是什么意思（比如 _.shuff 阅读全文
posted @ 2020-04-22 02:29
范仁义
阅读(1691)
评论(0)
推荐(0)
摘要：
VUE实例课程 4、过滤器处理时间 一、总结 一句话总结： vue中处理时间可以用过滤器，可以很方便的得到各种格式的时间数据。可以配合moment.js来处理时间更加方便。 <div id="app"> <p>原始date模式：{{time}}</p> <p>年月日 时分秒：{{time | for 阅读全文
posted @ 2020-04-22 01:25
范仁义
阅读(217)
评论(0)
推荐(0)
浙公网安备 33010602011771号