- 博客(8)
- 资源 (1)
- 收藏
- 关注
原创 项目安装依赖项报错---node-sass错误
项目背景:通过git拉取项目后,使用npm install安装依赖报错解决方案:由于项目依赖项比较杂乱,所有将node_modules文件整个拷贝过来,运行npm run dev过后node-sass报错。通检查发现node版本过高,将node.js卸载重新安装低版本,运行npmrebuildnode-sass命令后,再执行npm run dev,项目跑起来了。...
2022-01-12 13:42:11 1152
原创 vue邮编转地址
1.此问题是根据网易云API调取到接口数据中的地址数据,从而对这个地址数据进行本地邮编json对照获取到对应得地址。代码实现: //调用接口 async Getdata(){ let uid=sessionStorage.getItem("id") //该地方为获取照片地址,非本问题 const res=await getheadphoto(uid) const photo=res.data.profile.avatarUrl
2022-01-10 11:59:00 526
原创 vue路由
前端有个onhashchange事件,监听浏览器hash值得变化手动监听路由: created() { window.onhashchange = () => { console.log("监听到了hash的变化", location.hash) switch (location.hash) { case '#/home': this.comName = 'Home'; break case ...
2022-01-10 11:44:16 328
原创 vuex的使用
解决的问题:解决数据之间需要存在保持一致性的问题组件访问State中的数据的方式:1.通过this.$Sorte.state.全局数据名称1.导入import {mapState} from 'vuex'2.在需要导入的vue组件中加入计算属性:computed:{ ...mapState{['count']}}Mutation用于变更Store中的数据mutation不能处理异步操作1.只能通过mutation变更数据,不可以直接操作Store中的数据。2.通过这种方式虽然.
2022-01-10 11:41:18 187
原创 vue-cli 脚手架安装
1.安装vue-clinpm install -g @vue/cli2.创建项目vue create 项目名axios的使用:1.安装并在APP中导入axiosnpm i axios -S2.在methods方法中,定义initCartList函数请求列表数量3.在created生命周期函数中,调用第2封装的initCartList函数全局配置axios请求最全的写法:import axios from 'axios'methos:{ async getInfo(){...
2022-01-10 11:40:21 73
原创 ES6数组
prototype函数,对象原型constructor函数,对象原型指向1.call()函数可以调用函数call()可以改变这个函数的this指向函数继承的方法1.可以使用call()函数继承父构造函数2.也可以在创建函数后 new需要的父级函数 进行继承,不过继承后需要在该函数的constructor中重新指向该函数forEach 迭代(遍历)数组var arr =[1,2,3]arr.forEach(function(value 数组元素,index 索引,array数组...
2022-01-10 11:39:28 56
原创 axios二次封装
axios二次封装import axios from 'axios';import qs from 'qs';1.根据环境变量 区分接口的默认地址swich(process.env.NODE_ENV){ case "production": axios.defaults.baseURL="测试环境地址" break; case "test": axios.defaults.baseURL="生产环境地址" break; default: ...
2022-01-10 11:38:19 115
原创 vue基础:
1.内容渲染: <div id="app"> <p v-text="username"></p> <p v-text="gender">性别</p> <hr> <p>姓名:{{username}}</p> <p>性别:{{gender}}</p> <hr>
2022-01-10 11:32:59 266
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人