第一部分：main.js文件解析src/main.js是入口文件，主要作用是初始化vue实例并使用需要的插件在main.js文件中定义了一个vue对象,其中el为实例提供挂载元素//基础配置import Vue from 'vue'import App from './App.vue'//引入已经配置好的路由和vueximport router from './router'import stor

第一部分：main.js文件解析src/main.js是入口文件，主要作用是初始化vue实例并使用需要的插件在main.js文件中定义了一个vue对象,其中el为实例提供挂载元素//基础配置import Vue from 'vue'import App from './App.vue'//引入已经配置好的路由和vueximport router from './router'import stor

第二部分：IntersectionObserverAPI在移动端，有个很重要的概念，叫做懒加载，适用于一些图片资源特别多，数据特别多的页面中，经常会有动态加载数据的场景中，这个时候，我们通常是使用监听，元素是否进入视图，其中由于其特别大的计算量，会有性能问题接口 (从属于Intersection Observer API) 提供了一种异步观察目标元素与其祖先元素或顶级文档视窗 (viewport)

一.axios基本概念及语法axios(阿克休斯) 官网 : axios中文网|axios API 中文文档 | axiosaxios是一个js框架，用于发送ajax请求（底层使用XMLHttpRequest）（1）.axios推荐用法(三种写法)（第一种get和post写法）推荐（data和params二选一）axios({url:'请求路径',method:'get',data: { 'pos

两种写法第二部分：a标签防默认跳转（vue写法）第三部分：router-link打开新页面跳转第一种：标签式跳转第二种：编程式跳转

一.数组遍历（1）数组.reduce遍历（经典案例：求和）（里面函数后面不要忘记加0了）*注意点：areuce（（形参1，形参2，形参3）=>{ return 形参1+形参2},0），需要接收返回值。let arr =[20,30,40,50]//自己参悟，不注释了let sum =arr.reduce((sum,value,index)=>{//sum是上一次回调的value的值，v

第一部分：在html页面解决方案解决方法如下：第二部分：在vue中的解决方

第一部分：vue中img标签onerror事件第一种方法：使用@error方法能处理onerror事件（据说会导致回闪，目前没遇到）<img :src="xxx图片资源" @error="fn">//当图片资源加载报错404时会被调用fn(e) {//substitute为导入进来的图片e.target.src = this.substitute},//若是真的遇到了回闪@error=

原理：1、将域名发送给本地服务器(localhost:9528)2、再由本地服务器去请求真正的服务器3、服务端发出的请求，不存在跨域问题请注意，我们所遇到的这种跨域是位于开发环境 (webpack代理服务器)，真正部署上线时的跨域是生产环境 (nginx服务器, 或者后台配cors)以下是vue.config.js的详细配置：devServer: {// 跨域proxy: {// 只要axios请

ref 有三种用法：　　1、ref 加在普通的元素上，用this.$refs.（ref值） 获取到的是dom元素　　2、ref 加在子组件上，用this.$refs.（ref值） 获取到的是组件实例，可以使用组件的所有方法。在使用方法的时候直接this.$refs.（ref值）.方法（） 就可以使用了。　　3、如何利用 v-for 和 ref 获取一组数组或者dom 节点应注意的坑：1、如果通过v