01 2021 档案

React框架进阶-setState、ref、路由
摘要：一、setState进阶 1.setState是一个异步函数 在执行this.setState时，后续的代码会马上执行 state = { num:100 } numChange(){ var num = this.state.num; this.setState({ num:++num }); c 阅读全文
posted @ 2021-01-31 19:46 还凶 阅读(121) 评论(0) 推荐(0)
React中的事件、组件通信和生命周期
摘要：一、事件 1.事件绑定 (1)es5方式 <button onClick={ this.start }>开始</button> 上面的写法，对应的函数中获取不到this指向 <button onClick={ this.start.bind(this) }>开始</button> (2)es6方式 阅读全文
posted @ 2021-01-28 19:15 还凶 阅读(148) 评论(0) 推荐(0)
React框架基础
摘要：一、介绍 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。 由于 React的设计思想极其独特，属于革命性创新，性能 阅读全文
posted @ 2021-01-27 19:30 还凶 阅读(410) 评论(0) 推荐(0)
typescript
摘要：一、typescript 1.官网 https://www.tslang.cn/ 2.简介 TypeScript是[微软](https://baike.baidu.com/item/微软/124767)开发的一个开源的[编程语言](https://baike.baidu.com/item/编程语言/ 阅读全文
posted @ 2021-01-26 19:27 还凶 阅读(234) 评论(0) 推荐(0)
Vuex状态管理、UI库
摘要：一、vuex状态管理 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用==集中式==存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化 1.安装 在项目根目录下执行命令 npm i vuex --save 2.核心概念(模块) (1)state Vu 阅读全文
posted @ 2021-01-13 20:13 还凶 阅读(106) 评论(0) 推荐(0)
Vue路由进阶、样式处理器-stylus
摘要：一、路由进阶 1.命名视图 有的时候想同时显示多个视图，而不是嵌套显示。比如后台管理系统页面布局 /src/compoents/Index.vue <template> <div class="page"> <!-- 具名视图 只会展示指定的组件内容 不再根据浏览器地址进行匹配不同的组件 --> < 阅读全文
posted @ 2021-01-12 19:07 还凶 阅读(173) 评论(0) 推荐(0)
Vue中的路由
摘要：路由 1.介绍 Vue Router 是 Vue.js 官方的路由管理器。 它和 Vue.js 的核心深度集成，让构建==单页面应用==变得易如反掌。 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活 阅读全文
posted @ 2021-01-11 19:13 还凶 阅读(311) 评论(0) 推荐(0)
Vue中的组件通信、ref、jquery、is属性、slot插槽
摘要：组件通信 1、父子组件:传递基本数据类型，通过绑定自定义属性，子组件通过props接收 a.父变子变 直接传递基本数据类型 b.子变父变 直接报错 解决方法：直接把父组件传递过来的值存储为自己的变量值 c.父变子变，子变父变 传递一个对象 由于传递的是对象，而对象传递的是地址，所以父子同时操作的是同 阅读全文
posted @ 2021-01-08 19:43 还凶 阅读(321) 评论(0) 推荐(0)
组件、Vue-cli脚手架
摘要：1.组件 组件化和模块化 组件化:通常指的是样式（轮播图，tab，列表区域） 模块化:通过指的是效果(弹框) 组件: 定义：全局定义组件 每一个vue实例对象(可复用的vue实例) 命名规则: 1.采用驼峰方式命名，页面使用的时候需要把大写字母转为连字符+字母,目的为了方便调用 2.采用小写命名方式 阅读全文
posted @ 2021-01-07 19:58 还凶 阅读(116) 评论(0) 推荐(0)
Vue中的动画、监听、过滤器、计算属性
摘要：1.动画 基础使用： 给哪个元素添加动画，只需要给元素用<transition>标签包裹起来就可以 <transition> <div class="box" v-show='isShow'></div> </transition> 之后去样式中设置6个类名即可 .v-enter { opacity 阅读全文
posted @ 2021-01-07 19:20 还凶 阅读(322) 评论(0) 推荐(0)
表单数据绑定、修饰符和生命周期
摘要：1.key的使用 key：只要元素需要循环，必须添加key作为唯一的标识 <div id="app"> <!-- <div class="box" v-for='(item,index) in arr' :key='item.id'> --> <div class="box" v-for='(ite 阅读全文
posted @ 2021-01-05 23:07 还凶 阅读(80) 评论(0) 推荐(0)
Vue初识
摘要：VUE初识 渐进式：按需添模块（根据功能需求逐次添加模块） Vue的特点: 优点： 轻量级、双向数据绑定、指令、组件化、客户端路由、状态管理。 核心： 组件化、数据驱动 缺点： 个人维护 Vue的下载与引入: 下载： // 开发版包含警告和调试模式，适用于开发调试 开发版：https://cdn.j 阅读全文
posted @ 2021-01-04 22:26 还凶 阅读(123) 评论(0) 推荐(0)