摘要：
如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。 方法一 在vue.config.js中添加如下配置： devServer:{ pr 阅读全文
摘要：
1、作用:在插入、更新或移除DOM元素时，在合适的时候给元素添加样式类名。 2、图示 3、写法： （1）准备好样式： 元素进入的样式： v-enter:进入的起点 v-enter-active:进入过程中 v-enter-to:进入的终点 元素离开的样式： v-leave:离开的起点 v-leave 阅读全文
摘要：
nextTick 1、语法：this.$nextTick(回调函数) 2、作用：在下一次DOM更新结束后执行其指定的回调 3、什么时候用？ 当改变数据后，要基于更新后的新DOM进行某些操作时，要在nextTick 所指定的回调函数中执行 案例片段： 刷新页面中的input框后，再让input框获取焦 阅读全文
摘要：
一、WebStorage 1、内存内容大小一般支持5MB左右，不同浏览器可能还不一样 2、浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制 3、相关API： （1）xxxStorage.setItem("key","valu 阅读全文
摘要：
scoped样式： 作用：让样式在局部生效，防止冲突 写法：<style scoped> 阅读全文
摘要：
功能：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第2个以后的参数是插件使用者传递的数据。 1、定义插件： 对象.install = function(Vue,options){ //（1）添加全局过滤器 Vue.filter(...) //（2）添加 阅读全文
摘要：
功能：可以把多个组件共用的配置提取成一个混入对象 使用方式： 1、第一步：定义混合，例如： 2、第二步：使用混合（全局混合和局部混合） （1）局部混合 mixins:['XXX'] （2）全局混合 Vue.mixin('XXX') 引用了4遍: 阅读全文
摘要：
功能：让组件接收外部传过来的数据 1、传递数据： <Demo name="XXX"/> 2、接收数据： （1）第一种方式（只接收）： props:['name'] （2）第二种方式（限制类型）： props:{ name:String } （3）第三种方式（限制类型、限制必要性、指定默认值） pro 阅读全文
摘要：
ref属性 1、被用来给元素或子组件注册引用信息（id的替代者） 2、应用在html标签上获取的是真实DOM元素； 应用在组件标签上是组件实例对象 vc 3、使用方法： （1）打标识：<h1 ref="XXX"></h1> 或 <School ref="sch"></School> （2）获取：th 阅读全文
摘要：
结构图： 一、项目结构说明 1、.gitignore ：git的忽略文件（哪些文件或文件夹不想接受git管理的，可在此文件配置） 2、babel.config.js：babel控制文件，ES6=》ES5 3、package-lock.json 和 package.json 文件 （1）package 阅读全文