- 博客(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关注的人