自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vuex源码解析

vuex是一个插件,插件会暴露出一个install方法,在Vue.use的时侯会先调用这个install方法,生成一个实例,我们可以在beforeCreate生命周期钩子函数里面来初始化一些内容在store/index.js中我们可以看到,import Vuex from 'vuex',并且还new 了一个Vue.Store(...),接下来我们来写这个vuex插件,里面要包含两块内容,一个install方法,一个Store方法,Store方法是一个构造函数或者是一个class类,这里我们用calss

2022-06-16 18:02:37 242 1

原创 Vue组件间的数据传递

1:父传子:props传递,子传父:自定义事件$emit('事件名',参数)2:父组件实例:$parent3:子组件实例:$chldren4:兄弟元素:子组件传递给父组件-->另外的子组件5:DOM元素和子组件实例:$refs6:获取根组件$root7:深层传递:provide /inject8:原型链数据:Vue.prototype.xxx=xxx9:本地存储localStorage.setItem()/getItem()10:eventBus 中央系统-跨组件之前传递数据注意:A页面跳转到

2022-06-06 00:28:48 129

原创 路由传参的几中方法

1.通过params传参,好处是刷新数据不会丢失,会以/url/123的格式拼接显示在url里面路由配置:const rouets=[ { path:/home/:id, name:'Home, component: ()=>import('../views/Home.vue') }]带参数传递:this.$router.push('/home/123')获取对应参数:this.$route.params.

2022-05-06 16:53:09 218

原创 数组的方法

1.普通for循环对数组遍历对普通用法let arr=[1,2,3,4,]for(let i=0;
i<arr.length;i++){console.log(arr[i])}//1,2,3,42,forEach()//代替普通for循环,无返回值,里面接收两个个参数,后面一样,都可以接受两个参数一. 函数,可以接收三个参数1:数组的每一项,2:每一项的index,3:数组自身;let arr=[1,2,3,4,]arr.forEach((val,index,ar

2022-05-01 18:37:03 207 1

原创 fetch请求的两种传输方法,以及node.js 后端,解析方法时需要

node.js后端:后端传来的数据需要解析一下:使用中间件body-parser安装方法:(在项目里)npm 
install body-parser在后台index.js文件里://为保险起见先安装body-parser; npm 
install body-parser
//再引入bodyParser 中间件const bodyParser=require('body-parser')app.use(bodyParser.urlencoded({extended:true

2022-04-19 20:30:41 1074

原创 vue里面axios使用post请求带参数返回数据为空的问题

后端是使用的本地,express写的,查了好多地方,终于找到了解决方法,小记一下后端://index.jsconst express=require('express')const app=express()const router=require('./router')// 设置允许跨域访问该服务app.all('*',function(req,res,next){ res.header("Access-Control-Allow-Origin","*");

2022-04-16 12:40:53 4186 2

原创 Generator函数小记

generator函数是ES6的语法,最大的特点就是调用一下走一步,即调用一下走一个yield,具体如下:function* gen() { yield '第一个' yield '第二个' return '结束' }; let g = gen(); console.log(g); //get{<suspended>} console.log(g.next()); //{value: '第一个', done: .

2022-04-01 16:27:37 242

空空如也

空空如也

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

TA关注的人

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