自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 keep-alive简述

keep-alive作用,使用场景 一.keep-alive的使用场景 在 vue 项目中,难免会有列表页面或者搜索结果列表页面,点击某个结果之后,返回回来时,如果不对结果页面进行缓存,那么返回列表页面的时候会回到初始状态,但是我们想要的结果是返回时这个页面还是之前搜索的结果列表,这时候就需要用到 vue 的 keep-alive 技术了 二.keep-alive在项目中的使用 props: include string或正则,只有名称匹配的组件会被缓存 2.1.0+ exclude string或正则,

2020-07-17 19:37:00 836

原创 vue组件通信

vue组件之间通信 一.父子组件之间通信(父传子) 具体实现:父组件通过 import 引入子组件,并注册,在子组件标签上添加要传递的属性,子组件通过 props 接收,接收有两种形式一是通过数组形式[‘要接收的属性’ ],二是通过对象形式{ }来接收,对象形式可以设置要传递的数据类型和默认值,而数组只是简单的接收 //App.vue父组件 <template> <div id="app"> <users v-bind:users="users"></u

2020-07-17 19:05:28 119

原创 关于vuex的简单整理

vuex整理 一.什么是vuex(vuex的概念) Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 二.vuex在项目中的应用 1.安装 mpm/cnpm install vuex 2.vue脚手架会帮你生成一个store文件夹,在index文件里面引入vue,vuex,来配置vuex相关内容 3.vuex内容 export default new Vuex.Store({ actions,

2020-07-12 20:15:24 193

原创 如何路由的传值

路由传值 步骤:1.首先安装react-router-dom 2.路由传值 3.嵌套路由 1.首先安装react-router-dom (在项目命令中,执行cnpm install react-router-dom -S) 然后再引入 import {HashRouter,Route,Link} from 'react-router-dom' HashRouter表示一个路由的根容器,将来所有...

2019-12-25 14:30:44 503

原创 如何用Todolist实现增删查改

用Todolist实现增删查改 步骤: 1.实现数据的增加 2.查询数据 3.对数据进行删除 4.对数据进行修改 5.对数据进行保存 (注:在实现数据增删查改的同时并用localStorage把数据保存起来) 一.实现数据的增加 (通过点击按钮来实现增加数据的) handleClick(){ this.setState({ list:[...this.s...

2019-12-24 16:52:36 494

原创 概要:关于组件的使用及方法

react组件介绍 简要: 1.创建组件的方法 2.组件的props属性 3.state属性的用法和特点 4.父子组件传值 5.兄弟组件传值 1.创建组件的方法 组件的创建有两种方法:函数组件和类组件 (1)函数组件 import React from 'react';//定义一个react组件 function App() { return ( <div> ...

2019-12-20 17:03:48 305

原创 概要:ES6中Class的使用以及包含的方法

class的基本使用和继承 步骤如下: 1.构建一个Class类 2.Class中constructor方法 3.实例属性及方法 4.类的继承 5.super关键字和this 6.静态方法 7.静态属性 执行步骤 1.构建一个Class类 class Point{} 2.Class中constructor方法 class Point { constructor() {} } 3.实例属性及...

2019-12-18 19:59:51 233

原创 使用JavaScript实现日期的前一天和后一天

使用JavaScript实现时间的前一天和后一天 一:写入HTML所用的标签 <button onclick="before()">前一天</button> <button onclick="after()">后一天</button> <div id='ap'></div> 二:写入js内容是实现效果 1....

2019-12-17 17:11:17 670

原创 前端学习路径

前端学习路径 第一阶段: HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发。 JavaScript基础: Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效: 常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。 JS...

2019-12-16 19:30:43 152

空空如也

空空如也

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

TA关注的人

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