10 2019 档案

Vue动画的封装
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue动画的封装</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <style type="text/css"> .fade1-enter, .fade1-leave-to 阅读全文
posted @ 2019-10-31 18:55 嘆世殘者——華帥 阅读(149) 评论(0) 推荐(0)
Vue中的列表过渡
摘要：Vue中的列表过渡 {{item.title}}————{{item}} Add ... 阅读全文
posted @ 2019-10-31 18:18 嘆世殘者——華帥 阅读(134) 评论(0) 推荐(0)
Vue中多个元素或组件的过渡
摘要：Vue中多个元素或组件的过渡 Harold Hello toggle ... 阅读全文
posted @ 2019-10-31 16:27 嘆世殘者——華帥 阅读(205) 评论(0) 推荐(0)
Vue中的Js动画与Velocity.js的结合
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue中的Js动画与Velocity.js的结合</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="js/velocity.min.js"></scr 阅读全文
posted @ 2019-10-31 16:08 嘆世殘者——華帥 阅读(179) 评论(0) 推荐(0)
Vue中使用animate.css库
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue中使用animate.css库</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <link rel="stylesheet" type="text/css" href= 阅读全文
posted @ 2019-10-30 11:52 嘆世殘者——華帥 阅读(186) 评论(0) 推荐(0)
Vue——CSS过渡动画原理
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS过渡动画效果</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <style type="text/css"> /* * 显示： * 第一帧添加v-enter、v-ent 阅读全文
posted @ 2019-10-29 23:52 嘆世殘者——華帥 阅读(207) 评论(0) 推荐(0)
Vue-动态组件与v-once指令
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>动态组件与v-once指令</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root"> <child-one v-if=&qu 阅读全文
posted @ 2019-10-28 20:31 嘆世殘者——華帥 阅读(137) 评论(0) 推荐(0)
Vue——slot插槽
摘要：作用域插槽 阅读全文
posted @ 2019-10-28 17:59 嘆世殘者——華帥 阅读(127) 评论(0) 推荐(0)
Vue——非父子组件间传值（Bus/总线/发布订阅模式/观察者模式）
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>非父子组件间传值（Bus/总线/发布订阅模式/观察者模式）</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root"> <c 阅读全文
posted @ 2019-10-28 17:46 嘆世殘者——華帥 阅读(158) 评论(0) 推荐(0)
Vue——给组件绑定原生事件
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>给组件绑定原生事件</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root"> <child @click.native=&q 阅读全文
posted @ 2019-10-28 15:39 嘆世殘者——華帥 阅读(123) 评论(0) 推荐(0)
Vue——组件参数校验与非Props特性
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>组件参数校验与非Props特性</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root"> <child :content= 阅读全文
posted @ 2019-10-27 23:34 嘆世殘者——華帥 阅读(199) 评论(0) 推荐(0)
Vue——父子组件通信
摘要：父子组件通信 {{total}} 阅读全文
posted @ 2019-10-27 21:32 嘆世殘者——華帥 阅读(112) 评论(0) 推荐(0)
VUE——ref的使用
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Ref的使用</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root"> <counter ref="one&quo 阅读全文
posted @ 2019-10-26 16:46 嘆世殘者——華帥 阅读(217) 评论(0) 推荐(0)
VUE——列表、对象循环渲染，更新
摘要：列表、对象循环渲染 {{item.text}} ———— {{index}} {{item}}--{{key}}--{{index}} ... 阅读全文
posted @ 2019-10-25 16:42 嘆世殘者——華帥 阅读(684) 评论(0) 推荐(0)
vue计算属性，方法，监听器
摘要：getter&&setter 阅读全文
posted @ 2019-10-22 15:07 嘆世殘者——華帥 阅读(150) 评论(0) 推荐(0)
vue生命周期
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue实例生命周期函数</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> < 阅读全文
posted @ 2019-10-22 14:26 嘆世殘者——華帥 阅读(130) 评论(0) 推荐(0)
Vue——TodoList父子组件通信
摘要：___________________________________cli______________________________________ TodoList.vue TodoItem.vue 阅读全文
posted @ 2019-10-21 14:47 嘆世殘者——華帥 阅读(160) 评论(0) 推荐(0)
vuex初识
摘要：main.js App.vue 阅读全文
posted @ 2019-10-14 17:19 嘆世殘者——華帥 阅读(164) 评论(0) 推荐(0)
axios实例
摘要：创建实例 实例相关配置 常用参数配置具体使用方法 拦截器 错误处理 取消请求 阅读全文
posted @ 2019-10-06 00:45 嘆世殘者——華帥 阅读(514) 评论(0) 推荐(0)
axios并发请求
摘要：<template> <div class="home"> </div> </template> <script> // @ is an alias to /src import axios from 'axios'; export default { // 并发请求：同时多个请求，并统一处理返回值 name: 'axios2-3', created() { //axios.all()数组 //a 阅读全文
posted @ 2019-10-06 00:30 嘆世殘者——華帥 阅读(186) 评论(0) 推荐(0)
axios五种提交方法
摘要：<template> <div class="home"> </div> </template> <script> // @ is an alias to /src /* get,post,put,patch,delete get：获取数据 post：新建，提交数据（表单提交，文件上传） put：更新数据（所有数据推送到后端） patch：更新数据（只将修改的数据推送到后端） delete：删除数 阅读全文
posted @ 2019-10-05 18:21 嘆世殘者——華帥 阅读(1605) 评论(0) 推荐(0)