deidei3-CSDN博客

原创 Vue基础组件之间通信

1、vue组件通信的三种传值方式父传子字传父兄弟组件传值 1.1父传子在父组件Father.vue <template> <div>  <Son msg="hello word" /> </div> </template> <Script> //这里引入组件

2020-07-19 14:50:59 163

1、keep-alive的使用场景有时候我们在搜索页面不小心点了别的页面，返回的时候还想看到我们之前搜索过的数据时，这时候要用到keep-alive标签包裹组件，这时候我们的这个组件就被缓存下来了。商品列表页点击商品跳转到商品详情，返回后仍显示原有信息订单列表跳转到订单详情，返回，等等场景。官网解释：包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和相似，是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。当组件在内被切换，它的 activated

2020-07-17 20:17:18 2347

原创项目中运用双层循环获取不到第一层的下标值该如何处理？

先说说我们的项目需求，就是通过后台请求过来的数据进行了双层遍历，通过点击然后有不同的样式,需要将当前的下标及id传一下并加上样式需要运用到三元运算：如图： 1、这个是在组件中渲染的样式 2、在data中定义一些初始化值 3、通过后台接口请求到数据 4、我们的问题所在：只是将id index 传过去并在布局用三元运算符判断加样式并不会出现效果 5、解决问题的方法利用深拷贝 object.assign() 用深拷贝吧每一层的值都层层拷贝，这样就OK辽 ...

2020-07-17 11:52:13 401

原创关于vuex的知识点

前言：写在前面的话为了我们更好的能够了解，什么是vuex怎么快速上手所以我们应该先明白我们要从他的那些方面入手 - 1、什么是vuex？ - 2、vuex能够帮助我们解决什么问题？ - 3、如何使用vuex？ - 4、vuex的五大核心？ 1、什么是vuex？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理器。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。他使数据流通更加方便快捷，避免了很多冗余的业务逻辑，不用在组件中重复的去定义。一般

2020-07-12 22:40:59 185

原创 React路由的使用

React路由 1.React路由的安装 1.1安装react-router-dom 在项目命令行中，执行cnpm install react-router-dom -S下载到生产环境的依赖中。在组件中通过对象的解构方式去获取到react-router-dom内置组件，在组件中，按需引入内置组件，在页面中进行使用： 2.React路由内置组件 HashRouter表示一个路由的根容器，将来所有...

2019-12-25 14:56:44 180

原创如何用TodoList对数据增删改查

TodoList案例 1.创建Todolist.js组件（增加） index.js代码： import React from 'react'; import ReactDOM from 'react-dom'; import TodolistAdd from './TodolistAdd' ReactDOM.render(<TodolistAdd />, document.getEl...

2019-12-24 18:54:41 468

原创关于React组件的介绍

内容清单：创建组件的方法. 组件的props、state属性的特点以及用法父传子(传值) 子传父兄弟组件传值 1.React创建组件的方法 1.1组件化的特点(仅做了解即可) 标准性组合性重用性可维护性 1.2创建函数(function)组件（重点） //引用react模块 import React from 'react' //定义一个React组件 function...

2019-12-20 15:55:17 108

原创 Class基本使用方法和继承

Class基本使用方法和继承前言：当我们在学习class的时候，我们有没有想过为什么要用类？类的概念又是什么？概括性的来说：类相当于一个模板，把具有共同属性共同方法的共性抽离出来，方便以后的调用。类的概念：具有相同属性和行为的一类群体，总称为类。 1、class的使用语法通过关键字class可以定义类 /* //声明类类名一般开头大写 class 类名{ 方法名(){ ...

2019-12-18 20:11:57 750

原创 JS计算前一天和后一天案例

1、JS前一天后一天案例 1.1HTML页面 1、先在HTML页面中声明两个点击事件 <body> <button onclick="goBefore()">前一天</button> <button onclick="goAfter()">后一天</button> </body> 1.2JS代码 //先实例化一个对象 ...

2019-12-17 19:15:01 183

原创 JavaScript的简单介绍及Web前端的初识

JavaScript发展过程 JavaScript历史回顾(仅做了解)？它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，浏览器对象模型。 ...

2019-12-16 19:18:44 240

deidei3的博客