- 博客(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关注的人