摘要:api是应用程序编程接口 ; 举个例子:客户端发送异步请求到服务器请求数据,无论是客户端请求数据还是服务端响应数据,都要通过接口地址来通知,通信的时候使用了协议规定传递数据使用 JSON或者XML ; 接口和协议组合在一起就是API ;
阅读全文
摘要:为什么有的时候使用require引入组件不会报错,有的时候就会报错,需要加上default就不会报错 ? webpack 支持 CommonJS和 ES6模块打包,当我们引用组件的时候,在 script 标签内使用的是 ES6 的语法且使用 export default 默认导出。但是,requir
阅读全文
摘要:页面内容: 使用 element-ui 实现 tabs 标签页 :https://element.eleme.cn/#/zh-CN/component/tabs#tab-pane-attributes 1. 把内容封装成一个组件 - 表格 table 2. tabs 的 v-model 和 @tab
阅读全文
摘要:// 回顾自定义指令 // 作用 : 自定义一些对dom操作的快捷指令 // 前提:指令就是用来操作 dom (v-if /v-show/v-for ....) // 语法:Vue.directive(指令名字,{配置对象}) // 使用:<标签 v-指令名=“表达式/变量名” /> import
阅读全文
摘要:import router from "./router"; import { getToken } from "./utils/auth"; import NProgress from "nprogress"; // 引入一份进度条插件 import "nprogress/nprogress.cs
阅读全文
摘要:1.在 存储 token 的时候说明登录了 此时 把时间戳记录一下 js-cookies - auth.js // 导入 js-cookie 用于操作 cookies import Cookies from "js-cookie"; const TokenKey = "hrsacc_admin_to
阅读全文
摘要:分类:插槽又分为匿名插槽、具名插槽以及作用域插槽 ; 匿名插槽,我们又可以叫它单个插槽或者默认插槽 因为组件标签中间是不允许写内容的,但是可以插入 插槽 ;template 标签 ; 插槽的使用方法 : 使用组件 定义组件 使用场景:vue提供组件插槽能力, 允许开发者在封装组件时,把不确定的部分定
阅读全文
摘要:路由守卫共有 7 个 ; 全局路由守卫 3 个 : beforeEach 全局前置守卫 ;所有的路由跳转都要经过beforeEach ,参数 to 去的路由信息 ,from 来自的路由信息 next 是否放行 ; afterEach 后置守卫 beforeResolve 解析守卫 组件守卫 befo
阅读全文
摘要:首先 token 过期会导致请求不到数据 , 就不能准确渲染页面 ,此时的错误配置项的token是过期的,只要更新了token 拿着原先的配置项重新请求数据即可 ;但是如果更新token的时候请求错误,可能是refresh_token也过期了,直接去登录页面重新登录 ; 具体操作:先封装好一个更新t
阅读全文
摘要:1. vue create 项目名称 整理目录 2. 工具层 utils 封装本地存储 storage.js 存值 取值 删值 封装请求实例 request.js 创建实例 - 配置基准地址 baseURL 请求拦截器 - 统一携带 token 响应拦截器 - 处理 token 过期 未登录 异常错
阅读全文
摘要:点击生日表格的时候,popoup 显示 ,popup 包裹一个修改生日的组件 ; ps:父组件传值 当前的 日期 birthday -currentDate ; 在onfirm 方法里面更新数据 ,然后更新视图 ; <template> <van-datetime-picker v-model="c
阅读全文
摘要:console.log(this.currentDate); // Sat Dec 22 2007 00:00:00 GMT+0800 (中国标准时间) const str = dayjs(this.currentDate).format("YYYY-MM-DD"); console.log(str
阅读全文
摘要:v-model 的使用 解决只能使用一次v-model的问题:使用 sync 修饰符
阅读全文
摘要:前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。
阅读全文
摘要:<template> <div class="update-name"> <!-- 导航栏 --> <van-nav-bar title="设置昵称" left-text="取消" right-text="完成" @click-left="$emit('close')" /> <!-- /导航栏 -
阅读全文
摘要:1 <template> 2 <div class="user-profile"> 3 <!-- 导航栏 --> 4 <van-nav-bar 5 class="page-nav-bar" 6 title="个人信息" 7 left-arrow 8 @click-left="$router.back
阅读全文
摘要:说明:上传的图片是 file 类型 ,核心就是获取图片文件(file类型的) ; 实现一:使用 vant2 的图片加载组件 ,选择文件后会触发afterRead方法 ,参数 file 就是文件列表filelist ,file.file 就是图片文件 ; async afterRead(file) {
阅读全文
摘要:ref 给 <van-form @submit="onSubmit" ref="form"> 标签 ; // 检验手机号是否合格 await this.$refs.form.validate("mobile"); data里面定义的规则 rules对象 ; rules: { mobile: [ //
阅读全文
摘要:import Vue from "vue"; import Vuex from "vuex"; import { setItem, getItem } from "@/utils/storage"; Vue.use(Vuex); export default new Vuex.Store({ sta
阅读全文