vue
T1130
这个作者很懒,什么都没留下…
展开
-
vue学习日志--4-api基础封装
在utils文件夹下创建request.js文件引入axios创建axios实例对象请求拦截,目的是加入表头的token响应拦截,判断响应码是正确还是错误设置默认请求类型,然后实例化然后创建api文件夹下创建index.js封装api全局引入。在main.js文件夹下面写使用方法封装完成,贴出request的代码/***axios 二次封装*/import axios from "axios"impo...原创 2022-04-07 01:05:17 · 1010 阅读 · 0 评论 -
vue学习日志--3-路由基础配置
路由使用Vue Router官方路由Home | Vue Router (vuejs.org)在存放路由的文件夹创建index.js页面首先引入createRouter和createWebHashHistory根据文档创建routes数组 ,用于存放路由children 是子路由也是文档里的嵌套路由redirect 作用是重定向,可以重新定向到子路由页面,<router-view></router-view>可以通过这实现显示嵌套的页面现在创建路由并传..原创 2021-12-25 01:41:04 · 416 阅读 · 0 评论 -
vue学习日志--2-项目目录结构
yarn vite 创建项目的目录规范node_modules:存放插件以及安装的环境public:公共目录src:项目文件src-dist:打包目录,打包后自动生成src-api:项目存放访问api的的文件夹src-assets:存放静态文件如图片等src-components:项目组件文件夹src-config:项目配置src-router:路由文件夹src-store:vuex状态管理src-utils:工具文件夹src-views:文件结构sr原创 2021-12-23 16:59:08 · 443 阅读 · 0 评论 -
vue学习日志--1-项目创建
1.安装 node.js2.npm或cnpm的安装 若安装了npm可以直接安装cnpmnpm install -g cnpm -registry=https://registry.npm.taobao.org3.yarn 选择安装npm install -g yarn4. vue脚手架安装 cnpm insrall @vue/cli -g or yarn global add @vue/cli 。4.0版本以上可以创建vue3的项目5.vite创建项目 cnpm init...原创 2021-12-22 17:19:18 · 531 阅读 · 0 评论