自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 create-react-app typescript配置基础路径

在tsconfig.json中添加"baseUrl": "src" 就可以在页面导入其他组件的时候不用写相对路径,只需要写src下的的哪个目录哪个文件就可以, 如src下有page目录和app.tsx文件,page目录下有一个login.tsx文件,在app.tsx导入这个文件只需要写 import Login from 'page/login'即可{ "compilerOpt...

2020-04-20 00:13:11 979

原创 基于vue-router的页面切换动画

基于vue-router,可以做出媲美原声app的一个动画切换效果上代码<template> <div id="app"> <transition :name="name" > <router-view class="router"/> </transition> &

2018-03-19 17:59:20 1445

原创 vue 利用slot向父组件传值

闲话不多说,上代码子组件,里面有slot插槽,并在slot上绑定了text值<template> <div @click="$emit('change',checked+1)"> <slot name="icon" :text="text"></slot> </div></tem

2018-03-08 17:53:05 16893

原创 vue v-model语法糖解析

我们知道,在vue中,使用v-model可以实现双向绑定,但是其中的原理是如何的呢?今天我们就来一探究竟。其实在vue中,在使用v-model绑定数据之后,既绑定了数据,又添加了事件监听,这个事件就是input事件。例如官方文档给出:<input v-model="something">这不过是以下示例的语法糖:<input v-bind:value="something"...

2018-03-08 16:43:38 15312

原创 vue eventBus实现兄弟组件互相通信

vue父子组件的通信可以通过props和emit来实现,而兄弟组件无法通过props和emit通信。但是可以采用eventBus的方式来实现通信,主要的原理是新建一个bus,然后再两个兄弟组件之间引入这个bus,一个组件监听事件,而另一个组件则负责触发事件。父组件App.vue<template> <div id="app"> <img src="./as...

2018-03-08 15:56:17 1927

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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