还凶

摘要： 一、setState进阶 1.setState是一个异步函数 在执行this.setState时，后续的代码会马上执行 state = { num:100 } numChange(){ var num = this.state.num; this.setState({ num:++num }); c 阅读全文

摘要： 一、事件 1.事件绑定 (1)es5方式 <button onClick={ this.start }>开始</button> 上面的写法，对应的函数中获取不到this指向 <button onClick={ this.start.bind(this) }>开始</button> (2)es6方式 阅读全文

摘要： 一、介绍 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。 由于 React的设计思想极其独特，属于革命性创新，性能 阅读全文

摘要： 一、typescript 1.官网 https://www.tslang.cn/ 2.简介 TypeScript是[微软](https://baike.baidu.com/item/微软/124767)开发的一个开源的[编程语言](https://baike.baidu.com/item/编程语言/ 阅读全文

摘要： 一、vuex状态管理 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用==集中式==存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化 1.安装 在项目根目录下执行命令 npm i vuex --save 2.核心概念(模块) (1)state Vu 阅读全文

摘要： 一、路由进阶 1.命名视图 有的时候想同时显示多个视图，而不是嵌套显示。比如后台管理系统页面布局 /src/compoents/Index.vue <template> <div class="page"> <!-- 具名视图 只会展示指定的组件内容 不再根据浏览器地址进行匹配不同的组件 --> < 阅读全文

摘要： 路由 1.介绍 Vue Router 是 Vue.js 官方的路由管理器。 它和 Vue.js 的核心深度集成，让构建==单页面应用==变得易如反掌。 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活 阅读全文

摘要： 组件通信 1、父子组件:传递基本数据类型，通过绑定自定义属性，子组件通过props接收 a.父变子变 直接传递基本数据类型 b.子变父变 直接报错 解决方法：直接把父组件传递过来的值存储为自己的变量值 c.父变子变，子变父变 传递一个对象 由于传递的是对象，而对象传递的是地址，所以父子同时操作的是同 阅读全文

摘要： 1.组件 组件化和模块化 组件化:通常指的是样式（轮播图，tab，列表区域） 模块化:通过指的是效果(弹框) 组件: 定义：全局定义组件 每一个vue实例对象(可复用的vue实例) 命名规则: 1.采用驼峰方式命名，页面使用的时候需要把大写字母转为连字符+字母,目的为了方便调用 2.采用小写命名方式 阅读全文

摘要： 1.动画 基础使用： 给哪个元素添加动画，只需要给元素用<transition>标签包裹起来就可以 <transition> <div class="box" v-show='isShow'></div> </transition> 之后去样式中设置6个类名即可 .v-enter { opacity 阅读全文