小傲哥哥的博客

其中 errorClass 每个元素是原有的样式，active是动态切换的样式。

element ui预览图片

为什么会出现跨域：浏览器访问非同源的网址时,会被限制访问,出现跨域问题.常见的跨域有三种：jspn跨域，原理：动态生成script标签，通过script标签引入接口地址(因为script标签不存在跨域的)cors跨域(后端开启) ：全称 “跨域资源共享”，原理：它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制vue代理服务器proxy跨域：通过请求本地的服务器，然后本地的服务器再去请求远程的服务器(后端部署接口的服务器)，最后本地服务器再将请求

项目线上地址：http://www.sirfuao.com1、项目描述：1、这是一个vue电商后台的管理项目的实战项目2、采用了Vue全家桶+ES6+Webpack 等前端最新技术3、项目包括用户管理、权限管理、商品管理、订单管理、数据统计等多个功能模块4、采用模块化、组件化、工程化的模式开发2、使用的插件和ui库：1、学会使用 vue-router 开发单页面2、学会使用 axios 的封装和后端数据交互3、学会使用 vuex 管理应用组件的状态4、学会是使用 echarts 来进行数

一、前言：混入的作用：可以省很多代码(高类聚低耦合)，还方便维护；个人理解：混入就是在一个公共的实例中写入公共的数据或者方法，这样的话vue会自动注入到(全局混入会注入到每一个实例组件中)、(单页面引入的会注入到引入的组件中)。混入的对象也就是mixin中可以写入的内容包含任意组件选项- - - - - -(也就是说你在export default { } 里边的内容都是可以混入的)有一种类似公共方法的感觉，但是可以写公共的data里面的数据，这一点比较方便。二、混入的方式一：单页面引入混入首先创建

在入口文件index.html添加<meta http-equiv="pragram" content="no-cache"><meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate"><meta http-equiv="expires" content="0">因浏览器缓存原因导致vue 打包后的文件不能即使更新最新代码。缓存里的内容没有清除。（基本没作用）解决

一、slot插槽的基本使用首先创建一个子组件：如图然后创建一个父组件，引入子组件：如图：![在

前言：在我们vue项目中组件传值大致可以分为三大类，1、子组件传值给父组件，2、父组件传值给子组件，3、兄弟组件之间传值；1、父组件传值给子组件：1.1、定义父组件//父组件//引入的add-widget组件//使用 v-bind 的缩写语法通常更简单：<add-widget :msg-val="msg"> //这里必须要用 - 代替驼峰// HTML 特性是不区分大小写...

在我们开发vue项目的时候，路由传参几乎是我们必须要用到的，一般出现场景是，当我们点击某个组件的某个按钮时跳转到另一个组件中，并携带参数，便于第二个组件获取数据。下面我就来说说vue路由传参的三种方式：方案一： getDescribe(id) {// 直接调用$router.push 实现携带参数的跳转 this.$router.push({ path...

请求成功拦截请求失败拦截响应成功拦截响应失败拦截https://www.cnblogs.com/yanganglanyu/p/10724208.html

我们都知道，vuex是vue中很重要的一部分，每当涉及到数据在多个页面都要用到时，而且页面的层级关系相对来说比较复杂是，那样使用传统的组件之间传值方法就显得比较麻烦了。比如来说我前几天使用vuex这个大管家来放购物车数组时，然后到后来将商品push到购物车数组中cart，然后到页面上修改商品数量时，发现页面上的数字没发生变化，但是监听vuex状态改变的devtools中的数据改变了，可把我愁死了。...

最近想把vue项目练练手，然后就在网上找了一个视频教程，跟着别人老师把项目做了一遍，做完后收获还是很大的，和那个老师不一样的是，他那上面的一些组件都是自己封装的，比如，那些轮播图，tab导航栏，toast提示框，而这些东西，我都是用的vant-ui上的，关于这个ui我建议大家也去学一学，这个在工作后会用的比较多，接下来我就来具体的介绍一下这个项目：项目主要分为四个模块，首页，分类页，购物车，我的...

我们在进行vue项目开发的时候，封装组件是必不可少的一个环节;我们也可以使用别人一些已经写好的ui组件库。但别人的实现原理我们还是有必要知道的，今天我就来分享一个我独立封装的toast弹框组件1、首先可以创建一个toast文件夹，用来放toast组件和它的js文件2、然后在main.js文件中引入toast的js文件, 并将toast插件安装到Vue实例中，也就是挂载到实例中;3、一旦写了 ...

今天在做一个vue商城app项目的时候，出现了一个很奇葩的bug，报错能还能正常渲染页面，其实一开始我就知道这个bug是由于还没得到数据页面就渲染了，所以就报错，因为所有的请求都是异步的，异步的就代表说是需要费时的；具体如图所示：这个bug的意思是，它找不到索引为 0 的这一项，因为此时页面渲染的速度，快于 异步数据请求的速度，所以就会报错，接解决这个 bug 的方发我看过很多其他帖子，都说...

虽说电脑上也能切换到手机模式调试，但我总感觉还差那么点什么，一直想到自己真正手机上调试项目，百度找了下，综合了好几遍文章，现在我明白了，现在分享给大家： 首先，vue-cli3工程文件夹中是没有vue.config.js这个文件的，所以我们需要自己创建一个； 然后再打开自己按一下windows加R键，输入cmd，打开自己电脑终端，输入ipconfig，就能看到自己电脑的ip...

普通的html元素标签几乎点击事件但在vue组件中，是不支持的，要使用一个 native修饰符才可以:如上图所示，这个BackTop是我自己写的一个组件，结果发现给它加了一个add的点击事件，结果在页面点击的时候发现触发不了，然后我就在click的后面加了一个native修饰符后就发现能触发了； 为API生，为框架死，为debug奋斗一辈子，吃符号亏，上大小写的当，最后死在产品上。...

任何上过网的用户对浏览器是再熟悉不过了。只是用户看到仅仅只是浏览器本身，却很少能看到浏览器最核心的部分—浏览器内核。从第一款libwww（Library WorldWideWeb）浏览器发展至今已经经历了无数竞争与淘汰了。现在国内常见的浏览器有：IE、Firefox、QQ浏览器、Safari、Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器...

click() 对象.click() 使对象被点击。closed 对象.closed 对象窗口是否已关闭true/falseclearTimeout(对象) 清除已设置的setTimeout对象clearInterval(对象) 清除已设置的setInterval对象confirm("提示信息") 弹出确认框，确定返回true取消返回falsecursor:样式 更改鼠标样式 ...