梁十八的博客_vue

梁十八

这个家伙比较懒，还没有个人介绍

84.3万 人气
244 原创
2 粉丝
40.9万 阅读数

关注

于 2012-08-02 加入 51CTO12.1年

感兴趣的领域

#PHP #Web开发 #Mysql #Web服务器 #redis #Go语言 #Linux #MongoDB

职场话题

2024软考

华为认证

K8s

数据库

七日热门

全部文章

PHP——PHP初识

PHP

[Php] Realize Php

html

css

web服务器

脚本编程语言

数据

php php linux

PHP

开发者

Red

PHP面PHP试题，PHP笔试题

PHP

php后门,php木马

php后门

php免杀后门

Ta的分类

加载更多

近期来访

# vue

vue对对象、数组的增、删、改、查

<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><metahttp-equiv="X-UA-Compatible"content="

vue对对象、数组的增、删、改、查

原创 2019-08-14 16:59:53 3843 阅读 1点赞

动画——Vue中的动画封装

封装动画让代码可复用如下是一个简单的点击渐变、渐隐：<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link r

Vue中的动画封装

原创 2019-07-16 23:56:58 953 阅读 2点赞 1收藏

Vue中的列表过渡

<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text

Vue中的列表过渡

原创 2019-07-16 21:47:08 600 阅读 1点赞

Vue中多个元素或组件的过渡

<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text

Vue中多个元素或组件的过渡

原创 2019-07-16 21:15:05 772 阅读 1点赞

Vue的Js动画与Velocity.js的结合

@before-enter，在隐藏后，点击让它显示的时候，显示之前会触发。@enter不同，是在动画执行的过程中触发。done触发完成之后就是@after-enter。这些是通过js钩子来实现，也就是js来实现的：<!DOCTYPE html> <html> <head> <title></title> <meta

Vue的Js动画与Velocity.j

原创 2019-07-16 20:46:13 1191 阅读 1点赞

在Vue中同时使用过渡和动画

加一个功能，当刷新页面的时候也有动画效果(加上appear和appear-active-class="animated rubberBand"：<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="

在Vue中同时使用过渡和动画

原创 2019-07-16 20:20:42 512 阅读 1点赞

在Vue中使用 animate.css 库

要在class的样式中加上transform-origin: left center，不然可能会出问题：<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=u

在Vue中使用animate.css库

原创 2019-07-16 18:22:27 976 阅读 1点赞

Vue动画 - Vue中CSS动画原理

在动画即将被执行的瞬间，会往div上增加两个class名：fade-enter、fade-enter-active。然后去掉fade-enter，增加fade-enter-to。接着动画继续执行，到结束的瞬间，会把最后两个class去掉。

Vue动画 - Vue中CSS动画原理

原创 2019-07-16 17:54:10 1309 阅读 2点赞 1收藏

动态组件与 v-once 指令

<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="./vue.js"></script><!--<scri

动态组件与 v-once 指令

原创 2019-07-11 23:00:17 605 阅读 1点赞

作用域插槽

当子组件做循环，或者某一部分dom结构应该由外部传递进来的时候用作用域插槽。作用域插槽必须是template开头且结尾slot-scope以及对应的自定义名字(这里是myprops)来接收传递过来的数据：<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content

作用域插槽

原创 2019-07-11 22:46:28 1714 阅读 1点赞

在Vue中使用插槽

以下方法传值存在两个问题：1.不能去掉外面包裹的标签2.如果要传值的太多，这种方法很搓很难阅读<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scripts

在Vue中使用插槽

原创 2019-07-11 22:08:21 478 阅读 1点赞

非父子组件间的传值

复杂的组件之间传值的问题，可以通过vuex、发布订阅模式(vue中叫总线机制、或者观察者模式、或者Bus)来解决<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>&l

非父子组件间的传值

原创 2019-07-11 21:39:50 918 阅读 1点赞

给组件绑定原生事件

<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="./vue.js"></script><!--<scri

给组件绑定原生事件

原创 2019-07-11 20:46:40 477 阅读 1点赞

组件参数校验与非props特性

父组件传递content="helloworld"，子组件有权对其进行约束，或者说校验<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><s

组件参数校验与非props特性

原创 2019-07-11 20:32:44 499 阅读 1点赞

父子组件间的数据传递

vue当中有个单向数据流的概念，也就是：父组件可以向子组件传递/修改参数(通过属性的方式传)，但子组件不可以反过来修改父组件传递过来的参数！（因为怕子组件改了父组件引用类型的数据，可能会影响到其他组件）。那怎样解决这个问题？可以复制给子组件自己的变量，然后子组件修改自己的变量啊！这是父组件向子组件传递数据：<!DOCTYPEhtml><html><head>&l

父子组件间的数据传递

原创 2019-07-11 15:56:49 378 阅读 1点赞

使用组件要注意的细节点

<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="./vue.js"></script><!--<scri

使用组件要注意的细节点

原创 2019-07-11 14:40:14 396 阅读 1点赞

Vue中的列表渲染

<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="./vue.js"></script><!--<scri

Vue中的列表渲染

原创 2019-07-10 23:53:39 687 阅读 1点赞

vue中的条件渲染

<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="./vue.js"></script><!--<scri

vue中的条件渲染

原创 2019-07-10 23:22:11 523 阅读 1点赞

Vue中的样式绑定

class样式绑定：<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="./vue.js"></script><!

Vue中的样式绑定

原创 2019-07-10 17:00:10 688 阅读 1点赞

计算属性(computed)的getter和setter

<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="./vue.js"></script><!--<scri

计算属性的getter和setter

原创 2019-07-10 16:17:41 1785 阅读 1点赞

计算属性，方法与侦听器

<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="./vue.js"></script><!--<scri

计算属性

方法与侦听器

原创 2019-07-10 15:48:54 477 阅读 1点赞

vue模板语法

v-text、v-html、{{}}中都可以跟上js表达式，而不仅仅是变量：<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="./vue

vue模板语法

原创 2019-07-10 15:31:02 349 阅读 1点赞

vue生命周期

<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="./vue.js"></script><!--<scri

vue生命周期

原创 2019-07-10 15:16:50 968 阅读 1点赞

vue实例

<!DOCTYPEhtml><html><head><title></title><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="./vue.js"></script><!--<scri

vue实例

原创 2019-07-10 13:37:15 496 阅读 1点赞

vue组件化

全局组件<!DOCTYPEhtml><html><head><title>vue</title><scriptsrc="http://cdn.staticfile.org/vue/2.6.10/vue.common.dev

vue组件化

原创 2019-07-10 11:57:40 419 阅读 1点赞

vue2.5+基础

<!DOCTYPEhtml><html><head><title>vue</title><scriptsrc="http://cdn.staticfile.org/vue/2.6.10/vue.common.dev.js"

vue2.5+基础

原创 2019-07-10 11:01:40 431 阅读 1点赞

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客