
vue
文章平均质量分 66
搬砖IT员
这个作者很懒,什么都没留下…
展开
-
vue解决跨域问题-反向代理Proxy
不同源下:浏览器向服务器发送请求数据,服务器处理后,发现此浏览器和我并不遵守同源策源,不安全,就不会把处理后的数据响应给浏览器,浏览器无法获取数据。总的思想就是做一个代理服务器,他的基地址路径手动设置为和服务器的路径一致,来作为两者之间的中间人,转交数据。浏览器有同源策略,限制同协议、同域名、同端口,只要有一项不一致,就是跨域。同源下:浏览器向服务器请求数据,服务器响应数据给浏览器。3、真正的服务器将数据响应给代理服务器。4、代理服务器再将得到的数据交给浏览器。2、代理服务器请求真正的服务器。原创 2023-02-09 23:29:41 · 1739 阅读 · 0 评论 -
vuex的使用,相关配置的解读及使用state、mutations、actions、getters,vuex的辅助函数用法
一、vuex是什么、作用、特点、使用场景 二、vuex的入门使用步骤 三、vuex的模块化用法 四、vuex的相关配置用法解读 1、state是提供共享数据的唯一根节点 2、 mutations是修改共享数据state的唯一节点 3、 actions内可写任何异步操作,注意提交的是一个mutation4、getters内定义的数据和计算属性相同,值的获取 五、vuex的辅助函数mapState , mapMutations,mapActions,mapGetters原创 2023-02-06 22:22:15 · 770 阅读 · 0 评论 -
vue项目报错解决,Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
出现此错误的原因是因为此时的项目为vue2 ,下载的vue-router包版本太高,将vue-router包更新至低版本即可解决,如 yarn add vue-router@3.5.3 或 npm i vue-router@3.5.3。在做vue2项目时,使用路由vue-router,浏览器显示空白且报错如图。原创 2023-02-01 11:04:06 · 3335 阅读 · 0 评论 -
webpack打包构建工具的使用和相关的配置
一、webpack的基础使用步骤二、webpack的配置1、入口和出口2、 webpack打包后自动生成html文件并自动引入打包后的js3、加载器loader 3.1、处理css文件 3.2、处理less文件 3.3、处理图片文件 3.4、处理字体文字 3.5、处理高版本js语法(降级)4、代码变更,自动刷新打包(webpack开发服务器)原创 2023-01-31 20:14:51 · 1437 阅读 · 1 评论 -
vue组件通信 - 父向子传、子向父传 (详细步骤)
vue组件通信 - 父向子传、子向父传 (详细步骤)一、父组件向子组件传值 1、要传递的值为 普通数据类型 的值, 2、要传递的值为 复杂数据类型、被变量接收的值类型二、子组件向父组件传值三、扩展 $parent $refs原创 2023-01-13 21:07:42 · 1960 阅读 · 2 评论 -
vue跨组件通信(兄弟组件)-详细步骤
vue组件通信 - 跨组件通信(兄弟组件)详细步骤1、准备一个空白的对象文件 路径src > eventBus > index.js ,作为两个跨组件之间的桥梁 在此文件夹内需要实例化 vue ,并导出2、在两个要传收数据的组件内,分别将此eventBus文件引入3、要传值的子组件内,(建议使用在函数方法内)4、要接收的子组件内,与data(){},同级创建create(){}钩子函数原创 2023-01-13 20:04:12 · 498 阅读 · 0 评论