vue
关注
分享
扫一扫
文章平均质量分 55
还在下雨吗
仰望星空，脚踏实地////本人转载的文章是本人用过后觉得写得很好的文章，版权属于原作者，侵删！！！！谢谢。
展开
-
axios 携带cookie_Mock.js的正确使用以及丢失cookie的问题
对于跨域请求，是不携带cookie的，如果需要携带cookie,你应该设置了withCredentials:true，但是引入mock之后，你的设置被mock默认的那份给覆盖，需要对应的修改mock自己复制了的那一份原生XHR中的withCredentials:true。原理是在发送请求之前，把XHR对象给改了，改为mock自己封装的XHR对象方法，只要匹配到对应请求地址，就走自己封装的方法，从而就会去找本地相对路径下对应url的数据。main.js中引入mock.js里mock好的数据。转载 2022-12-22 11:05:04 · 538 阅读 · 0 评论 -
vue项目打开加速
vue前端项目第一次打开速度解决前端打开慢问题总结CDN加速前端打开慢问题总结你好！CDN加速1、把不常改变的库放到index.html中，通过cdn引入，比如下面这样：然后找到build/webpack.base.conf.js文件，在 module.exports = { } 中添加以下代码externals: { 'vue': 'Vue', 'vue-router': 'VueRouter', 'element-ui': 'ELEMENT', },这样webpack就不转载 2021-03-17 18:00:04 · 240 阅读 · 0 评论 -
Vue中使用CDN的方式引入echarts、axios、Element UI、swiper
原本我所有的插件都是npm安装，然后使用的时候使用import引入的，，，但是在我打包时发现总共没有几个页面可能由于有大量的图表，打包之后20M左右这样肯定是不行的，我就使用按需引入，但还是有17M左右最后我就想起来使用CDN引入了，，果然最终文件大小就27kbindex.html//elementUI的css文件<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" />转载 2021-03-18 10:38:19 · 1645 阅读 · 0 评论 -
app.css文件过大
修改 allChunks: false,~~~new ExtractTextPlugin({ filename: utils.assetsPath('css/[name].[contenthash].css'), // Setting the following option to `false` will not extract CSS from codesplit chunks. // Their CSS will instead be inserted dynamically wit转载 2021-03-17 18:10:45 · 475 阅读 · 0 评论 -
React全部api解读
很多同学用开发的时候，真正用到的的少之又少，基本停留在,等层面,实际源码中，暴露出来的方法并不少，只是我们平时很少用。但是暴露出这么多并非没有用，想要玩转,就要明白这些究竟是干什么的，应用场景是什么，今天就让我们从 到 ,一次性把生产环境的暴露复习个遍(涵盖90%+)。我们把,，分为组件类，工具类，hooks，再加上 ，一共四大方向，分别加以探讨。为了能让屏幕前的你，更明白,我是绞尽脑汁,本文的每一个基本都会出一个演示效果,弥补一下天书般的文档😂😂😂，还有就是我对基本概念的理解。老规矩，我们带着疑...转载 2022-07-08 17:15:45 · 813 阅读 · 0 评论 -
前端解决跨域的九种方法
什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1、资源跳转：A链接、重定向、表单提交2、资源嵌入：<link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件外链3、脚本请求： js发起的ajax请求、dom和js对象的跨域操作等其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。.转载 2022-04-22 11:07:57 · 1898 阅读 · 0 评论 -
vue 外部js文件调用 vue实例 this
假设外部文件为 onresize.js 需求则是 onresize.js内部 可以调用 vue 实例 this 从而达到使用vue对象内数据与方法。第一步（非必须）在main.js 引入 onresize.js （这不是必须的 看需要哪里使用到该js文件！）// Window.onresize 事件 动态调整窗口import "@/assets/js/onresize";第二步（必须）在main.js 使vue实例化 并导出vue// vue实例化var vue = ne转载 2021-09-28 14:10:48 · 912 阅读 · 0 评论 -
Vue中强制组件重新渲染的正确方法
有时候，依赖vue响应方式来更新数据是不够的，相反，我们需要手动重新渲染组件来更新数据。或者，我们可能只想抛开当前的DOM，重新开始。那么，如何让vue以正确的方式重新呈现组件呢？强制 Vue 重新渲染组件的最佳方法是在组件上设置:key。 当我们需要重新渲染组件时，只需更key的值，Vue 就会重新渲染组件。这是一个非常简单的解决方案。当然，你可能会对其他方式会更感兴趣：简单粗暴的方式：重新加载整个页面 不妥的方式：使用v-if 较好的方法：使用Vue的内置forceUpda...转载 2021-09-14 14:20:40 · 3173 阅读 · 0 评论 -
vue 获取本地的json文件
很多时候我们需要从本地读取JSON文件里面的内容，但是找了很久我都沒有找到比较实用的；所以分享一下我的vue获取本地json文件的方法。我的项目结构获取方法其实就是用模拟get请求的方法拿到json文件，然后再解析，但是在这之前我们需要对请求头做一下处理，否则拿不到文件const newInstance = this.$ajax.create({ baseURL: '', time..转载 2021-09-10 14:48:50 · 1737 阅读 · 0 评论 -
vue v-系列
使用1、el挂载点 new Vue({ // 挂载点会根据css选择器来选择对应的挂载位置 // 如果匹配到多个挂载点，只有第一个生效，后面的不生效 // 不要将vue挂载到html或者body上 // 我们推荐使用id，直接挂载到这个id上，因为id具备唯一性 el: "#app" })2、data、methods new Vue({ el:'#app', // data用来存放数转载 2021-09-06 16:56:20 · 190 阅读 · 0 评论 -
在vue中引入原生js文件
由于原生js采用的是html、css、js是静态资源，没有模块化，在开发Vue项目的时候，有时需要使用一些非ES6格式的没有export的js库，可以有如下方法实现:1.在index.html页面使用script标签引入当然也可以使用cdn的地址。这样引入后的内容是全局的，可以在所有地方使用。<!DOCTYPE html> <html> <head> <title>Map</title> <me转载 2021-09-04 15:07:30 · 8268 阅读 · 0 评论 -
vue生命周期
生命周期先上图什么是生命周期Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以让我们用自己注册的js方法控制整个大局，在这些事件响应方法中的this直接指向的是vue的实例。特别值得注意的是created钩子函数和mounted钩子函数的.转载 2021-08-30 16:08:41 · 175 阅读 · 0 评论 -
vue中watch的详细用法
在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法：<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName, oldName) { // ... } } })直接写一个监听处理函数，当转载 2021-08-27 17:36:37 · 231 阅读 · 0 评论 -
vue 使用集锦
HTML属性使用data里定义的值 :download="downImg"原创 2021-05-20 17:50:20 · 97 阅读 · 0 评论