vue使用 axios添加拦截器,get请求、post 请求头部添加token

  • Post author:
  • Post category:vue

什么是token? token是一个用户自定义的任意字符串,目前开发中,token都是在服务端生成并且token的值会保存到服务器后台。只有服务器和客户端知道这个字符串,于是,这个token就成了两者之间的秘钥,它可以让服务器确认请求是来自客户端还是恶意的第三方。 为什么使用token? 简单地说,token的使用就是为了数据安全,前台是通过接口路径(URL)的调用来获取数据的,如果恶意的第三方知…

继续阅读 vue使用 axios添加拦截器,get请求、post 请求头部添加token

vue-swiper插件pagination分页器renderBuffet使用分析&分页圆点加svg圆环动画案例

  • Post author:
  • Post category:vue

swiper是应用于web上的一个轮播图插件,分页器是轮播图内必不可少的一个元素,swiper的pagination分页器部件提供了有限的(轮播图分页器dom节点)可扩展性,可以相对有限的更改及增加pagination分页器的样式及功能。 renderBullet(index,className) 渲染分页器小点。这个参数允许完全自定义分页器的指示点。接受指示点索引和指示点类名作为参数。 官网文档…

继续阅读 vue-swiper插件pagination分页器renderBuffet使用分析&分页圆点加svg圆环动画案例

vuex中getters用法详解

  • Post author:
  • Post category:vue

vuex中getters其实就是做数据加工的,可看成与computed计算属性一样的功能,即做一些数据的处理加工。 例子: import gs from "@/service/goods"; export default { state: { slider: [], keys: [], goodsInfo: {} }, mutations: { setGoodsInfo(state, { slid…

继续阅读 vuex中getters用法详解

Vue.js中对css的操作(修改)具体详解:

  • Post author:
  • Post category:vue

使用v-bind:class或者v-bind:style或者直接通过操作dom来对其样式进行更改; 1.v-bind:class || v-bind:style 其中v-bind是指令,: 后面的class 和style是参数,而class之后的值在vue的官方文档里被称为'指令预期值'(这个不必深究,反正个人觉得初学知道他叫啥名有啥用就好了)同v-bind的大多数指令(部分特殊指令如V-for除…

继续阅读 Vue.js中对css的操作(修改)具体详解:

部署项目vue +阿里云服务器 + 宝塔面板

  • Post author:
  • Post category:vue

1. 打包vue项目 1.1 在 config -> index.js中把 / 改为 ./ ,可以避免找不到静态文件。 1.2 在 build -> utils.js 中添加下行可解决elementUI小图标不显示问题。 1.3 vue打包后放到服务器上路由不跳转,需要将路由配置文件(router -> index.js)中的 mode:'history' 注释掉,或者改为 ha…

继续阅读 部署项目vue +阿里云服务器 + 宝塔面板

推荐的 Vue 代码规范,以及 ESLlint 配置及其说明

  • Post author:
  • Post category:vue

#Vue 代码规范 必须遵守的规范 ​ 事件名必须以中划线命名 'vue/custom-event-name-casing': 'error' 示例 <template> <!-- ✓ GOOD --> <button @click="$emit('my-event')" /> <!-- ✗ BAD --> <button @click="$e…

继续阅读 推荐的 Vue 代码规范,以及 ESLlint 配置及其说明

vue 移动端预览v-viewer插件,支持查看图片支持 翻转 查看 放大 缩小 翻转 播放等功能

  • Post author:
  • Post category:vue

下载依赖 npm install v-viewer --save <template> <van-image v-if="checkFileImage(attachment.extension)" :src=" attachment.url + '?x-oss-process=image/resize,m_lfit,h_100,w_100' " class="attachment…

继续阅读 vue 移动端预览v-viewer插件,支持查看图片支持 翻转 查看 放大 缩小 翻转 播放等功能

vuex4的基本使用(typescript)

  • Post author:
  • Post category:vue

每天对自己多问几个为什么,总是有着想象不到的收获。 一个菜鸟小白的成长之路(copyer) 前言: ​ 这篇博客主要介绍了vuex4的基本使用,从创建一个store对象,然后再store内部的属性进行一一的解释(就是vuex的五大和核心:state, getters,mutations,actions, modules),解释主要从类型,参数等等方面的解释,还是比较的详细。内容有点长,可以收藏起来…

继续阅读 vuex4的基本使用(typescript)

vuex actions异步修改状态

  • Post author:
  • Post category:vue

actions类似于mutations ,不同在于:Action提交的是mutation,而不是直接变更状态; Action可以包含任意异步操作,Action函数接受一个与store实例具有相同方法和属性的 context 对象,因此你可以调用 context.commit提交一个mutation, 或者通过 context.state 和context.getters来获取state和gette…

继续阅读 vuex actions异步修改状态