![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vite基础学习笔记
文章平均质量分 66
vite基础学习笔记
smellsummer
这个作者很懒,什么都没留下…
展开
-
vite基础学习笔记:14.路由跳转(二)携带query参数
说明:自学做的笔记和记录,如有错误请指正原创 2023-11-11 16:16:33 · 500 阅读 · 0 评论 -
vite基础学习笔记:13.Dialog 对话框 (用户注册与登录)
说明:自学做的笔记和记录,如有错误请指正。原创 2023-11-07 17:16:37 · 296 阅读 · 0 评论 -
vite基础学习笔记:12.Element使用(首页局部组件拆分)
说明:自学做的笔记和记录,如有错误请指正原创 2023-10-20 14:03:54 · 322 阅读 · 0 评论 -
vite基础学习笔记:11.组件拆分
说明:自学做的笔记和记录,如有错误请指正原创 2023-10-09 18:05:10 · 96 阅读 · 0 评论 -
vite基础学习笔记:10.路由跳转(一)导航栏
说明:自学做的笔记和记录,如有错误请指正。原创 2023-09-27 13:36:01 · 259 阅读 · 0 评论 -
vite基础学习笔记:9.本地存储(数据转换问题)
说明:自学做的笔记和记录,如有错误请指正。原创 2023-09-26 20:12:38 · 202 阅读 · 0 评论 -
vite基础学习笔记:8.本地存储(以用户信息为例)
说明:自学做的笔记和记录,如有错误请指正。原创 2023-09-26 17:03:14 · 186 阅读 · 0 评论 -
vite基础学习笔记:7.数据仓库(以用户登录获取token为例)
在store文件夹下新建modules文件夹,新建ts文件,如:user.ts(定义用户仓库)//定义相关用户的仓库//数据,注意 state 是一个函数, 函数的返回值才是真正定义的数据return {token: ''},//修改状态的方法actions: {},//计算属性getters: {});//获取仓库方法对外暴露。原创 2023-09-21 11:27:14 · 124 阅读 · 0 评论 -
vite基础学习笔记:6.Element使用(Form表单)-登录界面
/ 自定义校验规则:手机号码自定义校验规则// rule 表单校验的规则对象 value:当前文本的内容 callback:回调函数callBack();} else {callBack(new Error('请输入正确的手机号格式'));// 自定义校验规则:验证码自定义校验规则// rule 表单校验的规则对象 value:当前文本的内容 callback:回调函数callBack();} else {callBack(new Error('请输入正确的验证码格式'));原创 2023-09-15 14:53:49 · 158 阅读 · 0 评论 -
vite基础学习笔记:5.API接口(登录接口)
在src中新建api文件夹(统一管理请求),api中创建相应模块文件夹,新建文件登录接口信息如下:①URL地址:http://syt.atguigu.cn/api/user/login②请求方式:post③body参数:phone和code④返回数据:token。原创 2023-09-15 14:12:15 · 351 阅读 · 0 评论 -
vite基础学习笔记:4. axios二次封装与代理跨域
③响应拦截器,可以简化服务器返回的数据,处理http网络错误。②请求拦截器,一般可以在请求头中携带公共的参数:token。在src中新建utils文件夹(放入工具性文件),新建文件。①利用axios请求、响应拦截器功能。文件,将官网中的代码复制到文件中。参考vite官网文档。原创 2023-09-15 14:10:01 · 234 阅读 · 0 评论 -
vite基础学习笔记:3. 路由搭建
切换至项目文件夹安装核心插件运行。原创 2023-08-24 16:08:34 · 203 阅读 · 0 评论 -
vite基础学习笔记:2.项目目录了解
Vite构建的项目的编译入口文件是Vite一开始会去加载文件,然后通过script标签加载。原创 2023-08-24 15:14:40 · 602 阅读 · 0 评论 -
vite基础学习笔记:1. 环境搭建
src\style 下新增reset.scss文件。④选择语言后(例如:TypeScript),回车。创建好后,桌面出现vite-project项目。安装依赖后,出现node_modules文件夹。找到 package.json 配置文件!:若选择PNPM命令安装方式则需要先安装。③选择一个框架(例如:vue),回车。搜索reset.scss。②输入项目名称,回车。点击链接跳转至浏览器。原创 2023-08-23 14:31:22 · 322 阅读 · 0 评论