![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE自学笔记
路在前端
这个作者很懒,什么都没留下…
展开
-
echarts@4.9.0升级echarts@5.3.0后报错:“export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’
问题:把echarts@4.9.0升级为echarts@5.3.0后启动项目报错"export 'default' (imported as 'echarts') was not found in 'echarts'原引入方式:import echarts from 'echarts'解决方法,需改为以下方式引入:import * as echarts from 'echarts'具体可参考echarts官方v5升级指南。相关npm命令npm outdated //查看项目里所有有新版原创 2022-02-08 15:04:37 · 1385 阅读 · 0 评论 -
状态管理Vuex中5个重要的概念:State、Getter、Mutation、Action、Mudule
State:用于维护所有引用层的状态,并确保应用中只有唯一的数据源组件中可以直接使用$store.state.count(store已经被注册到实例中),也可以先用mapState辅助函数将其映射下来Getter:维护由State派生的一些状态,这些状态随State状态的变化而变化,类似computed属性,会被缓存组件中可以直接使用$store.getters.tenTimesCount,也可以先用mapGetters辅助函数将其映射下来Mutation:提供修改State的方法组件中可以直接使原创 2021-07-04 21:28:14 · 333 阅读 · 0 评论 -
Vue对象支持扩展运算符
出错提示:Couldn’t find preset “es2015” relative to directorynpm install babel-preset-es2015 --save-dev根目录下建文件:.babelrc,内容如下{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "原创 2021-06-28 14:05:50 · 287 阅读 · 0 评论 -
chromedriver报错 & no such file or directory ‘...\node_modules\node-sass\vendor
npm install 遇到问题npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! chromedriver@2.46.0 install: `node install.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the chromedriver@2.46.0 install script.npm ERR! This is probably not a problem with npm.原创 2020-10-20 19:03:03 · 539 阅读 · 0 评论 -
Vue关闭eslint等常用操作方法
VUE关闭eslintVUE2找到目录文件:/build/webpack.base.conf.js找到包含类似loader:'eslint-loader’的部分整块{}注释掉VUE3打开根目录下文件.eslintrc.js删掉extends里的’eslint:recommended’,网上也有说删掉’@vue/prettier’,综合起来就是只保留’plugin:vue/essential’注意修改后重新启动项目npm run serve / npm run dev...原创 2020-10-05 22:08:02 · 500 阅读 · 0 评论 -
axios实例配置与全局配置设置
axios创建实例axios.create({ baseURL: 'http://localhost:8080' //请求的域名,基本地址 ,timeout: 1000 //请求的超时时长(ms) ,url: '/data.json' //请求路径 ,method: 'get,post,put,patch,delete' //请求方法 ,headers: { token: '' } //请求头 ,params: {} //请求参数拼接在url上 ,data: {} //请原创 2020-10-05 22:06:50 · 937 阅读 · 0 评论 -
axios常用请求方法:get、post、put、patch、delete
get:获取数据//方式1axios.get('/data.json',{ params: { id: 12 }}).then((res)=>{ console.log(res)})//方式2axios({ method: 'get', url: '/data.json', params: { id: 12 }}).then(res=>{ console.log(res)})post:提交数据(表单提交、文件上传)appli原创 2020-10-04 16:36:29 · 2798 阅读 · 0 评论 -
axios @0.20.0版本delete方法遇到的问题
axios别名方式调用delete,无法获取data参数无效方法可用方法其他方法无效方法axios.delete('/delete',{ data: { id: 12 } }).then((res)=>{ console.log(res) })可用方法axios({ method: 'delete', url: '/delete', data: data }).then(res=>{ console.log(res) })其他方法卸载0.20.0版axios,安装0.19.0版.原创 2020-10-04 16:14:33 · 595 阅读 · 0 评论