自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 Vue学习与总结

Vue Kick off Vue Hi , 大家好,我是Leon。 以下是我学习Vue的笔记,分享给大家, 之后会持续更新。 非常欢迎大家提出意见和纠正我的错误。 一起进步,谢谢大家。 TEMPLATE Template的基础使用 代码 笔记 $refs的使用 代码 笔记 props的使用 代码...

2019-02-12 23:28:23

阅读数 75

评论数 0

原创 Docker + Mysql 搭建主从数据库

搭建主从数据库 前期准备 安装docker for 安装数据库 安装Kitematic for docker的client 安装navicat for 访问数据库 搭建流程 版本 docker (18.03.1-ce-win65) mysql images (5.7.20) 搭建主数据库 ...

2019-04-17 21:19:59

阅读数 143

评论数 0

原创 [Vue] Vue的JS动画以及velocityjs的使用

Vue的JS动画以及velocityjs的使用 例子 参考代码:code 实现功能: 1. Vue的js动画的使用 2. Velocityjs的使用 使用思路 引入 <script src="../../libs/velocity.min.js"&...

2019-02-17 22:29:42

阅读数 260

评论数 0

原创 [Vue] 封装过渡组件

封装过渡组件 例子 参考代码:code 实现功能: 封装过渡组件 使用思路 html <div id="root"> <fade :show="show"> <div&am...

2019-02-17 22:28:31

阅读数 190

评论数 0

原创 [Vue] 多个元素和组件的过渡

多个元素和组件的过渡 例子 参考代码: 多个元素的过渡 多个组件的过渡 实现功能: 1. 多个元素的过渡 2. 多个组件的过渡 多个元素的过渡 html <div id="root"> <transition mode=&q...

2019-02-17 22:27:44

阅读数 249

评论数 0

原创 [Vue] 列表过渡

列表过渡 例子 参考代码:code 实现功能: 列表过渡 使用思路 html <div id="root"> <transition-group mode="out-in"> &...

2019-02-17 22:26:43

阅读数 166

评论数 0

原创 [Vue] 初始渲染的过渡

初始渲染的过渡 例子 参考代码: 初始渲染的过渡 实现功能: 1. 初始化渲染的过渡,就是页面一刷新就进入过渡渲染 使用思路 html <div id="root"> <transition appear appear-...

2019-02-17 22:26:07

阅读数 661

评论数 0

原创 [Vue] Vue中css的动画原理

Vue中css的动画原理 例子 参考代码:code 实现功能: 1. Vue实现过渡效果 2. 过渡效果原理 3. 过渡类名 4. 自定义过渡类名 Vue实现过渡效果 1. DOM节点 <div id="root"> <tra...

2019-02-17 22:25:17

阅读数 157

评论数 0

原创 [Vue] Vue使用css样式已经animate.css的使用

Vue使用css样式已经animate.css的使用 例子 参考代码:code 实现功能: 1. Vue利用@keyframes实现自定义样式 2. Vue使用animate css库样式 @keyframes实现 Html <div id="root"...

2019-02-17 22:23:42

阅读数 224

评论数 0

原创 [Vue] 动态组件以及v-once的使用

PROPS 例子 动态组件:code v-once指令: code 实现功能: 点击Change按钮,切换child-one和child-two组件。 动态组件 实现 1. 创建组件 Vue.component('child-one',{ template: �...

2019-02-15 00:38:05

阅读数 159

评论数 0

原创 [Vue] 作用域卡槽的使用(slot-scope)

SLOT SCOPE 例子 参考代码:code 实现功能: 由父组件决定子组件中循环的模式,使用"作用域卡槽"实现 作用域卡槽 思路 1. 组件中准备数据 data:function(){ return{ list:[ { id:1, na...

2019-02-13 23:58:36

阅读数 547

评论数 0

原创 [Vue] 组件卡槽的使用

SLOT 例子 参考代码:code 实现功能: 两种方法实现父组件往子组件中传入DOM节点 1. 属性传值(不推荐) 2. Slot插槽使用 (推荐) 属性传值(不推荐) 思路(注意:这是一个错误例子) 1. 声明组件 var childOne = { template: '...

2019-02-13 23:26:53

阅读数 420

评论数 0

原创 [Vue] 非父子组件之间的传值

NON PARENT CHILD COMPONENTS DATA TRANSFER 例子 参考代码:code 实现功能: 点击Child1,改变Child2的属性。 点击Child2,改变Child1的属性。 1. 兄弟组件之间的传值。 2. 祖父和孙子之间的传值。 方法1: 思路 使用...

2019-02-13 22:37:07

阅读数 198

评论数 0

原创 [Vue] 给组件绑定原生事件

NATIVE EVENT 例子 参考代码:code 实现功能: 给组件绑定原生事件的两种实现方法 方法一 注意 声明一个组件: var child = { template: '<div>Click</div>'...

2019-02-13 00:31:44

阅读数 201

评论数 0

原创 [Vue] props校验以及自定义validator

Validation 例子 参考代码:code 实现功能: poc各种props的validation的用法 使用思路 限制String类型 传值: <valid-two :content="2">&...

2019-02-12 23:37:39

阅读数 1182

评论数 0

原创 [Vue] props的使用

PROPS 例子 参考代码:code 实现功能: 通过属性给模板赋值 使用思路 通过标签属性传值 <child content="Hello props"></child&amp...

2019-02-12 23:36:09

阅读数 1808

评论数 0

原创 [Vue] ref的使用

TEMPLATE REFS 例子 参考代码:code 实现功能 点击Copy按钮,复制 'Hi, I am Leon' ref的使用思路 自定义template Vue.component('ref',{ data: function(){ ...

2019-02-12 23:35:35

阅读数 88

评论数 0

原创 [Vue] Template的基础使用

TEMPLATE BASE 例子 参考代码:code 实现功能 自定义模板并且使用 Template的声明与使用 声明 Vue.component('row',{ data: function(){ return { content: 'Hi, ...

2019-02-12 23:34:37

阅读数 688

评论数 0

提示
确定要删除当前文章?
取消 删除