vue

vue搭建项目（二）token相关

  • Post author:
  • Post category:vue

在vue中，token的意思是“令牌”，是服务端生成的字符串，是客户端进行请求的一个标识；当用户第一次登录后，服务端生成一个token并返回给客户端，以后客户端只需要带着token请求数据即可，不需再使用用户名和密码。 方法一：使用localStorage存取cooken: 前端登录时所做的token验证（路由守卫、请求拦截器、响应拦截器 方法二：安装js-cookie（插件） 用法： js-co…

继续阅读 vue搭建项目（二）token相关

vue3, ts 与 组合式API

  • Post author:
  • Post category:vue

使用 <script setup> <script setup lang="ts"> const props = defineProps<{ foo: string bar?: number }>() </script> 我们也可以将 props 的类型移入一个单独的接口中： <script setup lang="ts"> interf…

继续阅读 vue3, ts 与 组合式API

vue 如何引入动态本地json

  • Post author:
  • Post category:vue

思路：通过 require 结合 模板字符串 实现动态引入本地json js代码： let num = 141000; let linFen = require(`../../public/city-provinces/city-provinces/citys/${num}.json`) 版权声明：本文为IT_iosers原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和…

继续阅读 vue 如何引入动态本地json

Vue TypeError: Cannot set property ‘text‘ of undefined

  • Post author:
  • Post category:vue

遇到这个问题 TypeError: Cannot set property 'text' of undefined 首先在data定义的数据 filterData:[ [{ text: '全部状态', value: '' }], [{ text: '全部类型', value: '' }, { text: '类型1', value: 1 }, { text: '类型2', value: 2 }, {…

继续阅读 Vue TypeError: Cannot set property ‘text‘ of undefined

vue.md

  • Post author:
  • Post category:vue

(个人记录) 必要 命名 组件名必写 组件名为多个单词 组件名为大驼峰 export default { name: 'TodoItem', // ... } 组件数据 data必须是函数 export default { data () { return { foo: 'bar' } } } Prop定义 尽可能详细，写出类型和默认值 props: { status: { type: Strin…

继续阅读 vue.md

vue报错

  • Post author:
  • Post category:vue

NO1. Module build failed: TypeError: this.getOptions is not a function 版本太高，改成： npm install sass@1.35.2 --save-dev npm install sass-loader@7.3.1 --save-dev NO2. TypeError: this.getResolve is not a fun…

继续阅读 vue报错

VUE学习笔记

  • Post author:
  • Post category:vue

前端知识体系 文章目录 前端知识体系 前端三要素 结构层（HTML） 表现层（CSS） 什么是 CSS 预处理器 常用的 CSS 预处理器有哪些 行为层（JavaScript） Native 原生 JS 开发 TypeScript 微软的标准 JavaScript 框架 UI 框架 JavaScript 构建工具 三端统一 混合开发（Hybrid App） 微信小程序 后端技术 附：扩展阅读 当前…

继续阅读 VUE学习笔记

vue+element+axios实现分页

  • Post author:
  • Post category:vue

之前更了一个react的分页效果，今天给大家发一个vue写的分页 先在全局main.js中引入element并使用 import ElementUI from "element-ui"; import "element-ui/lib/theme-chalk/index.css"; Vue.use(ElementUI); 然后在html中使用element-ui中的分页组件 //绑定函数 //通过数…

继续阅读 vue+element+axios实现分页

vue-element-admin配置后端接口解决跨域问题

  • Post author:
  • Post category:vue

修改 .env.development文件 添加VUE_APP_BASE_DOMAIN和VUE_APP_BASE_API # just a flag ENV = 'development' # base api # VUE_APP_BASE_API = '/dev-api' VUE_APP_BASE_DOMAIN = 'http://www.xxxx.com' VUE_APP_BASE_API =…

继续阅读 vue-element-admin配置后端接口解决跨域问题

Vue项目报错: Expected space or tab after ‘//‘ in comment.(spaced-comment)

  • Post author:
  • Post category:vue

解决办法，找对对应代码行： 根据提示可以知道通过在“//”符号后面打空格或者是按Tab键，即可解决此问题，通过实践，可以解决这个问题。 添加之后，后面的报错也没了，很神奇： 方案二： a.点击导航栏中的“file”，进入“settings”； ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。 将它关了，选Disable的，但是在扩展里我发现我没有安装ES…

继续阅读 Vue项目报错: Expected space or tab after ‘//‘ in comment.(spaced-comment)