- 博客(6)
- 收藏
- 关注
原创 记录Vuex流程
目录一、使用Vuex的目的二、Vuex的五大核心三、Vuex怎么用四、示例代码一、使用Vuex的目的实现多组件状态管理。多个组件之间需要数据共享时,Vuex就可以派上用场了二、Vuex的五大核心其中state和mutation是必须的,其他可根据需求来加state负责状态管理,类似于vue中的data,用于初始化数据mutation专用于修改state中的数据,通过commit触发action可以处理异步,通过dispatch触发,不能直接修改state,首先在组件中通过di
2021-11-08 11:46:17
169
原创 elementUI中自定义过渡动画
最近在开发的过程中遇到了需要写一个动画效果,现记录一下解决方案html结构 <transition name="***help-center-fade***"> ... </transition>html代码一定要用transition包裹,自定义的name在写css的时候一定要替换掉css样式.***help-center-fade***-enter-active, .help-center-fade-leave-active { transition:
2021-10-18 11:26:22
1672
原创 Vue.$set()的使用
最近在开发的时候遇到的$set(),我不太清楚它的用法,特此记录一下在开发中,当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。官方文档中:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter。
2021-05-10 16:13:22
320
原创 TypeScript在Vue项目中的应用
目录1、引入Typescript2、配置文件3、vue组件的编写基本写法data()中定义数据props传值$emit传值1.不带参数2.方法带参数3.emit带参数watch观察数据computed计算属性4、完整代码案例1、引入Typescriptnpm install vue-class-component vue-property-decorator --savenpm install ts-loader typescript tslint tslint-loader tslint-confi
2021-03-01 18:40:32
1587
9
原创 React学习笔记(持续更新)
React介绍:和vue一样,react是一个用于构建用户界面的 JavaScript 库,起初只是Facebook的一个内部项目,用来架设 Instagram 的网站,后于2013年5月开源特点:1、采用组件化模式,声明式编码,提高开发效率及组件复用率2、在React Native中可以使用React语法进行移动端开发3、使用虚拟DOM和Diff算法,尽量减少与真实DOM的交互官网及中文文档https://reactjs.orghttps://github.com/facebook/rea
2021-02-25 10:20:58
262
1
原创 TypeScript学习笔记(超全)
TypeScript学习笔记一.TS是什么?TypeScript 是 JaveScript 类型的超集,它可以编译成纯 JavaScript,TypeScript 可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。二.TS和JS的异同TypeScript 支持与 Javascript 几乎相同的数据类型,此外还提供了使用的枚举类型,TypeScript 支持的类型包括:布尔值、数字、字符串、数组、元组、枚举、Any、Void、Null、 Undefined、Nerver、Object、
2021-02-20 18:40:02
1254
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅